阅读 274

element ui - 不立即上传

1. 不立即上传,通过点击登录按钮后上传文件和参数

upload
            style="float: left"
            ref="upload"
            action="#"
            accept=".csv"
            :file-list="fileList"
            :auto-upload="false"
            :on-change="handleChange"
          >
            
            button
            >
          

2. onChange 事件 把文件赋值给变量,点击上传把文件变量append 到formdata 中

const handleChange = (file, fileList) => {
      if (fileList.length > 1) {
        fileList.splice(0, 1);
      }  // 每次上传显示的都是当前的,只能有一个(不用limit来限制了)
      files.value = file.raw; // 把文件赋值给变量
    };


 const handleUpload = () => {
    // 把文件和参数 append 进去 const data
= new FormData(); data.append("file", files.value); data.append("BrokerId", dataForm.brokerCd); data.append("TradeServiceId", dataForm.tradeServiceCd);
getLogin(data).then((data)
=> { // 上传文件的接口url if (data.code === 20000) { proxy.$http.msgSuccess(proxy.$http.msg("I_COM_0006")); proxy.$refs.upload.clearFiles(); // 上传后清空文件 } }); };

 

原文:https://www.cnblogs.com/rabbit-lin0903/p/14767812.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐