代码上传

src/HDrpManagement/ProductMag/modules/add.vue

@@ -259,7 +259,7 @@ export default {
           }
           this.$refs['form'].resetFields();
           this.$refs['upload'].toUpload()
-          this.$emit('onSuccess')
+         
           this.dialogFormVisible = false
         })
       })
@@ -275,9 +275,7 @@ export default {
       }
     },
     uploadSuccess(res){
-      this.$refs['upload'].dialogUploadVisible = false
-      let fileData = this.$refs.upload.filelist
-      // this.showImage()
+      this.$emit('onSuccess')
     },
     clearCover () {
       console.log("执行删除")

src/components/upload/test_upload.vue

@@ -3,11 +3,12 @@
     <el-upload
       action="#"
       list-type="picture-card"
+      :on-change="onChange"
+      :on-remove="handleRemove"
       :before-upload="beforeUpload"
-      :on-remove="handleRemove">
+      :file-list="fileLinkList">
       <i class="el-icon-plus"></i>
     </el-upload>
-    <!-- <img :src="imageUrl" alt=""> -->
   </div>
 </template>
 
@@ -17,18 +18,50 @@ export default {
   data() {
     return {
       imageUrl:'',
-      fileList:[]
+      fileList:[],
+      fileLinkList:[],
+      params: {
+        "classname": "system.attachment.huawei.OBS",
+        "method": "getFileName",
+        "content": {
+          "filename": '',
+          "filetype": '',
+          "parentid": ""//归属文件夹ID
+        }
+      },
     };
   },
   methods: {
-    beforeUpload (file, fileList) {
-      this.fileList = fileList
-      this.imageUrl = window.URL.createObjectURL(file.raw);
+    onChange (file,fileList) {
+      this.fileList = [...this.fileList,...[file]]
+      console.log(fileList,'change')
+    },
+    beforeUpload (file) {
+      console.log(file,'bupload')
+      var that = this
+
+      var fileReader = new FileReader();
+
+      fileReader.readAsDataURL(file);
+
+      fileReader.onload = function(e) {
+
+        var result = e.target.result;
+        that.fileLinkList.push({url:result,uid:result.uid})
+      }
     },
     handleRemove (file, fileList) {
-      this.fileList = fileList
+     
+      this.fileList = this.fileList.filter(e=>{
+        return e.uid !== file.uid
+      })
+      this.fileLinkList = this.fileLinkList.filter(e=>{
+        return e.uid !== file.uid
+      })
+      console.log(this.fileLinkList,file)
     },
     toUpload () {
+      console.log(this.fileList)
       this.fileList.forEach(file=>{
         let index = file.raw.name.lastIndexOf(".");
         let ext = file.name.substr(index + 1);
@@ -54,15 +87,6 @@ export default {
       let THIS = this
       let config = {
         headers: ext === 'pdf' ? { 'Content-Type': 'application/pdf' } : ext === 'svg'?{ 'Content-Type': 'image/svg+xml' } : { 'Content-Type': 'application/octet-stream' },
-        onUploadProgress: function (progressEvent) {
-          let percent = progressEvent.loaded / progressEvent.total * 100
-          THIS.filelist.forEach(e => {
-            if (e.uid === file.uid) {
-              THIS.$set(e, 'type', ext.toUpperCase());
-              THIS.$set(e, 'progress', percent);
-            }
-          })
-        },
       }
       const res = await this.$upload.hw_upload(url, file.raw, config)
       this.createFileRecord(obsfilename)
@@ -71,7 +95,7 @@ export default {
     // 上传成功以后生成附件记录
     async createFileRecord (obsfilename,attinfos) {
       let obj = {
-          "serialfilename": obsfilename
+        "serialfilename": obsfilename
       }
       obj = Object.assign({},obj,this.bindData)
       let param = {