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

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

              var file = files[index];   
              var fileSize = 0;   
              if (file.size > 1024 * 1024)   
                fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + ‘MB’;   
              else  
                fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + ‘KB’;   
            }   
            funs.uploadFile();   
          },   
          //异步上传文件   
          uploadFile: function() {   
            var fd = new FormData();//创建表单数据对象   
            var files = (doms.fileToUpload)[0].files;   
            var count = files.length;   
            for (var index = 0; index < count; index++) {   
              var file = files[index];   
              fd.append(opts.file, file);//将文件添加到表单数据中   
              funs.previewImage(file);//上传前预览图片,也可以通过其他方法预览txt   
            }   
            var xhr = new XMLHttpRequest();   
            xhr.upload.addEventListener("progress", funs.uploadProgress, false);//监听上传进度