소스 검색

填写商品属性里编辑器上传图片

gcz 4 년 전
부모
커밋
dfbfa338e3
2개의 변경된 파일29개의 추가작업 그리고 22개의 파일을 삭제
  1. 29 21
      src/components/Tinymce/components/editorImage.vue
  2. 0 1
      src/components/Upload/singleUpload.vue

+ 29 - 21
src/components/Tinymce/components/editorImage.vue

@@ -5,8 +5,8 @@
     </el-button>
     </el-button>
     <el-dialog append-to-body :visible.sync="dialogVisible">
     <el-dialog append-to-body :visible.sync="dialogVisible">
       <el-upload class="editor-slide-upload"
       <el-upload class="editor-slide-upload"
-                 action="http://macro-oss.oss-cn-shenzhen.aliyuncs.com"
-                 :data="dataObj"
+                 :action="minioUploadUrl"
+                 :data="senddata"
                  :multiple="true"
                  :multiple="true"
                  :file-list="fileList"
                  :file-list="fileList"
                  :show-file-list="true"
                  :show-file-list="true"
@@ -45,7 +45,9 @@
           ossaccessKeyId: '',
           ossaccessKeyId: '',
           dir: '',
           dir: '',
           host: ''
           host: ''
-        }
+        },
+        senddata:{type:3},
+        minioUploadUrl:`${process.env.BASE_API}/upload/fileImg`,
       }
       }
     },
     },
     methods: {
     methods: {
@@ -58,19 +60,24 @@
           this.$message('请等待所有图片上传成功 或 出现了网络问题,请刷新页面重新上传!')
           this.$message('请等待所有图片上传成功 或 出现了网络问题,请刷新页面重新上传!')
           return
           return
         }
         }
+        console.log('Object.keys(this.listObj)',this.listObj);
         console.log(arr);
         console.log(arr);
         this.$emit('successCBK', arr);
         this.$emit('successCBK', arr);
         this.listObj = {};
         this.listObj = {};
         this.fileList = [];
         this.fileList = [];
         this.dialogVisible = false;
         this.dialogVisible = false;
       },
       },
-      handleSuccess(response, file) {
+      handleSuccess(response, file) {        
         const uid = file.uid;
         const uid = file.uid;
         const objKeyArr = Object.keys(this.listObj)
         const objKeyArr = Object.keys(this.listObj)
+        console.log('objKeyArr',objKeyArr,'uid',uid);        
         for (let i = 0, len = objKeyArr.length; i < len; i++) {
         for (let i = 0, len = objKeyArr.length; i < len; i++) {
-          if (this.listObj[objKeyArr[i]].uid === uid) {
-            this.listObj[objKeyArr[i]].url = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name;
+          console.log('this.listObj[objKeyArr[i]].uid',this.listObj[objKeyArr[i]].uid,'uid',uid)
+          if (this.listObj[objKeyArr[i]].uid == uid) {            
+            // this.listObj[objKeyArr[i]].url = this.dataObj.host + '/' + this.dataObj.dir + '/' + file.name;
+            this.listObj[objKeyArr[i]].url = response.data;
             this.listObj[objKeyArr[i]].hasSuccess = true;
             this.listObj[objKeyArr[i]].hasSuccess = true;
+            console.log(this.listObj);
             return
             return
           }
           }
         }
         }
@@ -89,21 +96,22 @@
         const _self = this
         const _self = this
         const fileName = file.uid;
         const fileName = file.uid;
         this.listObj[fileName] = {};
         this.listObj[fileName] = {};
-        return new Promise((resolve, reject) => {
-          policy().then(response => {
-            _self.dataObj.policy = response.data.policy;
-            _self.dataObj.signature = response.data.signature;
-            _self.dataObj.ossaccessKeyId = response.data.accessKeyId;
-            _self.dataObj.key = response.data.dir + '/${filename}';
-            _self.dataObj.dir = response.data.dir;
-            _self.dataObj.host = response.data.host;
-            _self.listObj[fileName] = {hasSuccess: false, uid: file.uid, width: this.width, height: this.height};
-            resolve(true)
-          }).catch(err => {
-            console.log(err)
-            reject(false)
-          })
-        })
+        _self.listObj[fileName] = {hasSuccess: false, uid: file.uid};
+        // return new Promise((resolve, reject) => {
+        //   policy().then(response => {
+        //     _self.dataObj.policy = response.data.policy;
+        //     _self.dataObj.signature = response.data.signature;
+        //     _self.dataObj.ossaccessKeyId = response.data.accessKeyId;
+        //     _self.dataObj.key = response.data.dir + '/${filename}';
+        //     _self.dataObj.dir = response.data.dir;
+        //     _self.dataObj.host = response.data.host;
+        //     _self.listObj[fileName] = {hasSuccess: false, uid: file.uid, width: this.width, height: this.height};
+        //     resolve(true)
+        //   }).catch(err => {
+        //     console.log(err)
+        //     reject(false)
+        //   })
+        // })
       }
       }
     }
     }
   }
   }

+ 0 - 1
src/components/Upload/singleUpload.vue

@@ -85,7 +85,6 @@
         this.dialogVisible = true;
         this.dialogVisible = true;
       },
       },
       beforeUpload(file) {
       beforeUpload(file) {
-        console.log('file',file);
         let _self = this;
         let _self = this;
         if(!this.useOss){
         if(!this.useOss){
           //不使用oss不需要获取策略
           //不使用oss不需要获取策略