1: 导入模板

    <FormItem label="导入模板">
      <Upload :before-upload="handleUpload" action="/api/xxxxx/xxxxxx">
        <Button icon="ios-cloud-upload-outline">上传</Button>
      </Upload>
      <div v-if="file !== null">上传文件名: {{ file.name }} <Button type="text"                     
        :loading="loadingStatus"></Button></div>
    </FormItem>

2:  文件上传之前触发的钩子回调:

    handleUpload(file) {
      this.file = file;
      return false;
    },

3:点击确定事件:

      // 点击提交事件
      // 非空判断, 如果文件不存在就拦截
      if (!this.file) {
        return false;
      }
      
      var formData = new FormData();
      formData.append("form", this.file);

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐