大文件上传前端组件代码

template标签中的代码

<uploader :options="options" class="uploader-example" @file-complete="fileComplete" @file-success="successUpload" >
    <uploader-unsupport></uploader-unsupport>
    <uploader-drop>
        <p>将文件放在这里上传</p>
        <uploader-btn>选择上传的文件</uploader-btn>
        <uploader-btn :attrs="attrs">选择上传的图片</uploader-btn>
        <uploader-btn :directory="true">选择上传的文件夹</uploader-btn>
    </uploader-drop>
    <uploader-list></uploader-list>
</uploader>

JavaScript中的代码

export default {
  name: "addContract",
  data() {
      return {
        ruleForm: {
          fileid:""
        }
      };
  },
  methods: {
    successUpload (rootFile, file, message, chunk) {
      console.log(rootFile);
      console.log(file);
      console.log(chunk);
      console.log(JSON.parse(message).id);
      // 将返回的文件id复制给合同对象
      this.ruleForm.fileid = JSON.parse(message).id;
    },
    fileComplete(rootFile) {
      console.log(rootFile);
    }
  },
  created(){
  }
}