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;//显示百分比
                }
        }

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;//显示百分比
                }
        }