element el-upload自定义上传行为

 <el-upload

          :style="'visibility:' + showUpload"

          :http-request="myUpload"

          :action="action"

          :data="uploadData"

          multiple

          accept=".txt, .xls, .xlsx"

          :limit="3"

          :on-exceed="handleExceed"

          :file-list="fileList"

        >

          <el-button size="small" type="primary">点击上传</el-button>

          <div slot="tip" class="el-upload__tip">只能上传.xlsx/.xls/.txt文件,且不超过10MB</div>

        </el-upload>

js部分

myUpload(content) {

console.log(content)

const params = new FormData();

      params.append("file", content.file);

      params.append("type", content.data.type);

      axios({

        method: "post",

        url: content.action,

        timeout: 1000 * 120,

        data: params,

        headers: {

          "ESENSE-DATA-SIGNATURE": "OK",

          "Content-Type": "multipart/form-data"

        }

      }).then(res => {

          Message({

            message: "上传成功",

            type: "success",

            duration: 3 * 1000

          });

      })

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。