我想創建一個多文件拖放上傳,我不想使用任何插件jQuery或任何類型的。 DnD和上傳已經正常工作,我只是試圖在文件上傳時將圖片從加載更改爲複選標記。多個文件拖放進度更新
我認爲不工作的具體部分是$('#'+i).html(data);
返回的數據是<img src="check.png" />
。我相信選擇器$('#'+i)
是導致此問題的原因。
<script type="text/javascript">
$(document).ready(function(){
$('#drop').change(function(event){
files = event.target.files;
$('#drop').css('display', 'none');
for(var i = 0, len = files.length; i < len; i++) {
file = files[i];
if((file.fileName+"").substring((file.fileName+"").length-4,(file.fileName+"").length)=='.mp3'){
$.ajax({
type: "POST",
url: "uploader.php",
contentType: "multipart/form-data",
headers: {
"X-File-Name" : file.fileName,
"X-File-Size" : file.fileSize,
"X-File-Type" : file.type
},
beforeSend: function() {
$('#info').append('<li class="indicator"><span class="label">File Name :</span> '+file.fileName+' | <span class="label">Size :</span> ' + file.fileSize + ' | <div id="'+i+'"><img src="loading.gif" /></div></li>');
},
processData: false,
data: file,
success: function(data){
$('#'+i).html(data);
},error: function(data){
$('#info').append('Error: ' + data + '<br />');
}
});
}else{
$('#info').append('Error: Incorrect file type. Looking for .mp3');
}
}
});
});
</script>
你可以發佈整個html頁面源代碼或url的地方嗎? – microspino 2011-05-21 13:29:20
@microspino,[here](http://vapor.ne8us.com/ubad/upload.php) – Vap0r 2011-05-21 19:15:56