移动端HTML5实现文件上传功能【附代码】

2020-04-22 06:45:39易采站长站整理

            xhr.addEventListener("load", funs.uploadComplete, false);   
            xhr.addEventListener("error", opts.uploadFailed, false);   
            xhr.open("POST", opts.url);   
            xhr.send(fd);   
          },   
          //文件预览   
          previewImage: function(file) {   
            var gallery = doms.thumb;   
            var img = document.createElement("img");   
            img.file = file;   
            doms.thumb.html(img);   
            // 使用FileReader方法显示图片内容   
            var reader = new FileReader();   
            reader.onload = (function(aImg) {   
              return function(e) {   
                aImg.src = e.target.result;   
              };   
            })(img);   
            reader.readAsDataURL(file);   
          },   
          uploadProgress: function(evt) {   
            if (evt.lengthComputable) {   
              var percentComplete = Math.round(evt.loaded * 100 / evt.total);   
              doms.progress.html(percentComplete.toString() + ‘%’);