ajax多文件上传 - 黑马程序员技术交流社区

[JavaScript] 纯文本查看 复制代码
使用ajax传递文件数据

获得

<input type="file" multiple="multiple" accept="image/*"

                        style="display: none" id="file"onchange="checkFile()/> 的对象

var fileDom=document.getElementById("file");//得到文件对象

                 var files=fileDom.files;          //返回数组

                 //创建一个formdata对象,表单对象

                 var form =new FormData();

                 for(var i=0;i<files.length;i++){

                         var file=files;

                         //添加到form表单

                         form.append("file"+i,file);

                 }

最后通过send(form);发送数据，另外

                        //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");不能设置这条信息

显示上传的百分比

        //监听文件上传的进度

xmlHttp.upload.addEventListener("progress",progressLis,false);



  function progressLis(event){

                if(event.lengthComputable){

                        var perTag=document.getElementById("percenttag");//得到进度条的对象

                        var per=Math.round(event.loaded/event.total*100)+"%";//四舍五入得到上传的百分比

                        perTag.style.width=per;//宽度

                        perTag.innerHTML=per;//显示百分比

                }

        }