xml地图|网站地图|网站标签 [设为首页] [加入收藏]

美高梅游戏网站

当前位置:美高梅游戏网站 > 美高梅游戏网站 > js批量上传文件

js批量上传文件

来源:http://www.gd-chuangmei.com 作者:美高梅游戏网站 时间:2019-09-04 04:26

function lockandshenhe(na,url,act){ 
 
    var str=''; 
    for(var i=0;i<document.getElementsByName(na).length;i++){ 
        if(document.getElementsByName(na)[i].checked){ 
            if(str=='') str+=document.getElementsByName(na)[i].value; 
            else str+=','+document.getElementsByName(na)[i].value; 
        } 
    } 
     
    if(str==''){ 
        alert('你没有选择任何内容'); 
        return false; 
    }else{ 
        location=url+"?id="+str+"&action="+act; 
    } 
         

html代码:

摘自 chaojie2009的专栏

   <input type="file" id='upload' name="upload"  multiple="multiple" onchange="uploadFile(this);" style="display:none;" />
   <button id='uploadbtn' class="rscUploadBtn" type="button" onclick="document.getElementById('upload').click();" >选择上传文件</button><br />

lockandshenhe(na,url,act){ var str=; for(var i=0;idocument.getElementsByName(na).length;i++){ if(document.getElementsByName(na)[i].checked){ if(str==) str+=document.getElem...

 

js代码:

        //file为input[type=file]元素,例如:onchange="uploadFile(this);"
        function uploadFile(file) {
            if (file && file.files && file.files.length > 0) {               
                //创建一个FormData空对象,然后使用append方法添加key/value
                var fd = new FormData();
                for (var i = 0; i < file.files.length; i++)
                    fd.append('file['+i+']',file.files[i]);

                fd.append("action", "filelistup");

                var xhr = new XMLHttpRequest();
                xhr.onreadystatechange = function () {
                    if (xhr.readyState == 4 && xhr.status == 200) {
                        var data = JSON.parse(xhr.responseText);
                        if (data.returnValue == 0) {
                            //批量上传成功
                            //处理成功后的逻辑
                            //TODO:.......

                        }
                        else alert(data.returnMsg);
                    }
                }

                //侦查当前附件上传情况 可以设置进度条
                xhr.upload.onprogress = function (evt) {  
                    //var loaded = evt.loaded;//已经上传大小情况
                    //var tot = evt.total;//附件总大小
                    //var per = Math.floor(100 * loaded / tot);  //已经上传的百分比,如35

                }

                xhr.open("post", GetHost() + 'xxx/index.ashx');
                xhr.send(fd);
            }
        }

 

本文由美高梅游戏网站发布于美高梅游戏网站,转载请注明出处:js批量上传文件

关键词:

上一篇:java中判断文件及所在文件夹是否存在

下一篇:没有了