<input type="file">
ile birden çok dosya nasıl seçilir?<input type = "file"> ile birden çok dosya nasıl seçilir?
cevap
Yeni cevap:
HTML5'de fazla 1 dosyayı seçmek için multiple
özelliğini ekleyebilirsiniz.
<input type="file" name="filefield" multiple="multiple">
Eski cevap:
yalnızca
<input type="file" />
başına 1 dosya seçebilir. Birden fazla dosya göndermek için 'a birden çok giriş etiketi kullanmanız veya Flash veya Silverlight kullanmanız gerekir.
Ayrıca, HTML5 <input type="file" multiple />
da vardır, ancak ne kadar yaygın olduğunu bilmiyorum.
IE9 desteklenir ve Not döner şekilde önce :( –
Bu jQuery eklentisi (jQuery File Upload Demo) şeklinde o kullanıyor, flaşsız yapar:
<input type='file' name='files[]' multiple />
da IE9- desteklenmez, HTTPS:/İşte /github.com/blueimp/jQuery-File-Upload/wiki/Browser-support#multiple-file-selection – JerryDDG
her şey gibi görünmelidir:
<form enctype='multipart/form-data' method='POST' action='submitFormTo.php'>
<input type='file' name='files[]' multiple />
<button type='submit'>Submit</button>
</form>
Eğer enctype='multipart/form-data'
özelliği de olduğundan emin olun senin <form>
etiketine, ya da sunulduktan sonra sunucu tarafında dosyaları okuyamazsın!
Sen dosya girişinde birden özelliğini kullanmak Özünde HTML5
ile şimdi yapabilirsiniz.
<input type='file' multiple>
HTML5, type özelliği dosya olan giriş öğesi için çoklu öznitelik sağladı. Böylece birden çok dosya seçebilir ve IE9 ve önceki sürümler bunu desteklemez.
NOT: Giriş elemanının adıyla dikkatli olun. Birden çok dosya yüklemek istediğinizde dizi kullanmalısınız ve ad özniteliğinin değeri olarak dize kullanmalısınız.
örn: input type = "file" name = "myPhotos []" çoklu = "birden fazla"
ve o zaman $ _FILES veri ve kullanım var_dump ($ alacak php kullanarak _ eğer DOSYALARI) ve çıkışını görmek ve Şimdi adımlayabilirsiniz işleme yapmak ve dinlenme
<form action="" method="post" enctype="multipart/form-data">
<input type="file" multiple name="img[]"/>
<input type="submit">
</form>
<?php
print_r($_FILES['img']['name']);
?>
Kopyala yapmak ve html yapıştırabilirsiniz:
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
<script>
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// files is a FileList of File objects. List some properties.
var output = [];
for (var i = 0, f; f = files[i]; i++) {
output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
f.size, ' bytes, last modified: ',
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
'</li>');
}
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}
Bu bana göre, bu web sayfasından geliyor: http://www.html5rocks.com/en/tutorials/file/dndfiles/
Bu kolay ...
<input type='file' multiple>
$('#file').on('change',function(){
_readFileDataUrl(this,function(err,files){
if(err){return}
console.log(files)//contains base64 encoded string array holding the
image data
});
});
var _readFileDataUrl=function(input,callback){
var len=input.files.length,_files=[],res=[];
var readFile=function(filePos){
if(!filePos){
callback(false,res);
}else{
var reader=new FileReader();
reader.onload=function(e){
res.push(e.target.result);
readFile(_files.shift());
};
reader.readAsDataURL(filePos);
}
};
for(var x=0;x<len;x++){
_files.push(input.files[x]);
}
readFile(_files.shift());
};
http://jsfiddle.net/m5jeyeyt/1/ ne javascript eklemek için ihtiyaçtır örnek? – RightHandedMonkey
- 1. input type = dosya çalışmıyor iOS
- 2. <input type = 'file'> içinde dosya konumunu nasıl gizleyebilirim?
- 3. Anlamak <input type = "file">
- 4. Birden çok <input type = "checkbox" /> Java sunucu uygulamasına dizi olarak nasıl yayınlanır?
- 5. Ben</ input type = "zaman">
- 6. "input type = file" değeri nasıl silinir
- 7. Yerel dosyaları <input type = "file"> ile okuma?
- 8. Bir "<input type =" dosya "/>" nasıl yapılır CSS ile bir bağlantıya benziyor?
- 9. input type = "url" ile ilgili URL'ler için
- 10. jQuery ile aynı diziye sahip birden çok <input> ile bir Array elde etme
- 11. SQL - Birden çok satır nasıl seçilir
- 12. Birden çok tablodan ayrı değer nasıl seçilir
- 13. Yerel makinenizde <input type = "file" /> kullanarak gerçekçi bir dosya yükleme süresini nasıl simüle ediyorsunuz?
- 14. Android: Birden çok kişi nasıl seçilir?
- 15. Fullcalendar'dan birden çok tarih aralığı nasıl seçilir?
- 16. <input type = "checkbox" /> neden meteor.js kılavuzundaki eğik çizgi?
- 17. IE8 - input (type = "file") dosyaları al
- 18. <input> öğesinin
- 19. Bir HTML dosya nesnesini bir <input type = file> diğerine aktarın
- 20. Log4j birden çok dosya
- 21. Krom input type = "sayı" CSS stil
- 22. <input type = "file"> nasıl kısıtlanır, böylece sadece .pdf dosyalarını seçebilir?
- 23. Birden çok değer sütununda bir değer nasıl seçilir?
- 24. SymStore - birden çok dosya ekle
- 25. Angular2 ile <input type = "file"> nasıl doğrulayabilirim? Dosya geçerli olduğunda bile <code>new Control('', Validators.required)</code> değeriyle
- 26. Resimden ölçekleme [type = dosya]
- 27. SqlDataReader'dan Birden Çok Dosya Yazma
- 28. JAXB: package.package. <Type>, package.package dosyasında tanımlanmıştır. <Type>. <Type>
- 29. Birden çok dosya nasıl okunur ve yazılır?
- 30. ASP.Net Birden çok kaynak dosya
O var javascript ve html – Mask
hakkında size (bir seferde bir tane seçip yüklemeyi tıkladığında) tek seferde birden fazla dosya yükleyebilir ifade ediyor mu? Yoksa bir tarayıcı penceresinde birden fazla dosya seçmek için ctrl + tıklama mı kastediyorsunuz? – cletus
Girdi öğesindeki çoklu özniteliği kullanarak HTML5 ile yapabilirsiniz. İşte kullanan büyük bir keman var: http://jsfiddle.net/0GiS0/Yvgc2/ – Costa