作者red0whale (red whale)
看板Ajax
标题[问题] 用AJAX显示各档案上传进度并同时上传档案…
时间Tue Aug 30 14:42:33 2016
我想使用AJAX上传档案至Sever，同时显示各个档案的上传进度百分比
以下是我的code:
<script>
function pro(obj){
var file = obj.files;
$.each(file, function (i,file) {
var reader = new FileReader();
reader.onload = function (e) {
var data = e.target.result;
$.ajax({
type: "POST",
url: "upload.php",
contentType: "application/octet-stream",
processData: false,
data : data,
xhr: function () {
var xhr = $.ajaxSettings.xhr();
xhr.upload.onprogress = function (evt) {
console.log(file.name+":"+(evt.loaded/evt.total*100)+"%");
};
return xhr;
}
});
};
reader.readAsArrayBuffer(file);
});
}
</script>
<input type="file" onchange="pro(this)" multiple />
这个code只有显示上传进度的部分，
但是我想要在显示上传进度的同时，也能在底下上传档案
请问我该如何让这两件事同时执行?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 101.138.149.166
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1472539357.A.C17.html
1F：→ Canboo: 要不要使用Dropzone.js 09/05 08:21
2F：推 shadowjohn: 这种工作我是觉得jquery.form最好写 09/05 13:15