lmw-uploader v1.0.5

uploader

基础上传函数

安装

npm i -S lmw-uploader

使用

let Upload from 'lmw-uploader'//函数返回promise对象
Upload(filelist, {
          server: "",
          fileVal: "file",
          formData: {name: "lmw"},
          clearQueue: false,
          progress: (res, file) => {
            
          },
          queued: (file) => {
            
          },
          success: (res, file) => {
            
          },
          complete: (res) => {
            
          },
          error: (res) => {
            
          }
        });

API

files 文件对象列表

options Object

options.headers {Object} 可选 http 请求的header

options.formData {Object} 可选 文件上传请求的参数表，每次发送都会发送此对象中的参数。

options.fileVal {String} 可选 设置文件上传域的name。

options.server {String} 必填 设置服务器上传地址。

options.clearQueue {Boolean} 上传结束后是否清空上传队列，清空后可重复上传一个文件

回调函数

options.progress {target,file} 进度状态，文件对象

progress: (res, file) => {
            this.pics.forEach((pic, index) => {
              if (pic.fileId && pic.fileId == file.fileId) {
                let f = Object.assign({}, file, {
                  progress: (res.loaded / res.total * 100).toFixed(2) + "%"
                })
                this.pics.splice(index, 1, f);
              }
            })
          }

options.queued {file} 文件添加到队列后

queued: (file) => {
            //console.log("add file", file);
            //this.queueFiles.push(file);
            this.pics.push(file);
          }

options.success {res,file} 文件上传成功回调

success: (res, file) => {
            this.pics.forEach((pic, index) => {
              if (pic.fileId && pic.fileId == file.fileId) {
                let f = Object.assign({}, file, {
                  //修改url为上传后的返回结果
                })
                this.pics.splice(index, 1, f);
              }
            })
          }

options.complete {Array} 队列所有文件上传成功后回调，数组元素是每个文件上传成功后服务器返回的对象

complete: (res) => {
            //console.log("complete", res);
            //this.queueFiles.splice(0, this.queueFiles.length);
          }

options.error {Object|String} 队列处理失败回调