上传图片

src/components/Tinymce/components/EditorImage.vue

@@ -78,7 +78,7 @@ export default {
       const objKeyArr = Object.keys(this.listObj)
       for (let i = 0, len = objKeyArr.length; i < len; i++) {
         if (this.listObj[objKeyArr[i]].uid === uid) {
-          this.listObj[objKeyArr[i]].url = response.files.file
+          this.listObj[objKeyArr[i]].url = response.data
           this.listObj[objKeyArr[i]].hasSuccess = true
           return
         }

src/views/club/editForm.vue

@@ -28,9 +28,10 @@
           <el-upload
             class="avatar-uploader"
             :action="action"
+            :headers="getToken"
             :show-file-list="false"
             :on-success="handleAvatarSuccess"
-            :before-upload="beforeAvatarUpload"
+            :before-upload="beforeUpload"
           >
             <img v-if="form.businessLicenseImage" :src="form.businessLicenseImage" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon" />
@@ -43,9 +44,10 @@
           <el-upload
             class="avatar-uploader"
             :action="action"
+            :headers="getToken"
             :show-file-list="false"
             :on-success="handleDoorwaySuccess"
-            :before-upload="beforeAvatarUpload"
+            :before-upload="beforeUpload"
           >
             <img v-if="form.headpic" :src="form.headpic" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon" />
@@ -72,13 +74,11 @@
 // 引入省市区组件，公共组件所在的路径
 import City from '@/components/Ctiy'
 import { addNewClub, saveAddClubUser } from '@/api/club'
-import { uploadFile, getBase64 } from '@/api/other'
-// import { addNewClub } from '@/api/club'
 export default {
   components: { City },
   data() {
     return {
-      action: `${this.baseUrl}/mall/uploadFile/imageUpload`,
+      action: `${this.baseUrl}/formData/MultiPictareaddData`,
       userID: this.$route.query.userID,
       clubID: this.$route.query.clubID,
       dialogImageUrl: '',
@@ -113,6 +113,11 @@ export default {
     }
   },
   computed: {
+    getToken() {
+      return {
+        'token': this.$store.getters.token
+      }
+    },
     organizeID() {
       return this.$store.getters.organizeID
     }
@@ -173,32 +178,14 @@ export default {
       this.addList.townID = data.townid
     },
     // 上传图标事件
-    handleAvatarSuccess(res, file) {
-      getBase64(file.raw).then(res => {
-        uploadFile({ imgStr: res }).then(response => {
-          console.log(response)
-          if (response.code === '1') {
-            this.form.businessLicenseImage = response.data
-          } else {
-            this.$message.error('上传图片失败')
-          }
-        })
-      })
+    handleAvatarSuccess(response, file) {
+      this.form.businessLicenseImage = response.data
     },
-    handleDoorwaySuccess(res, file) {
-      getBase64(file.raw).then(res => {
-        uploadFile({ imgStr: res }).then(response => {
-          console.log(response)
-          if (response.code === '1') {
-            this.form.headpic = response.data
-          } else {
-            this.$message.error('上传图片失败')
-          }
-        })
-      })
+    handleDoorwaySuccess(response, file) {
+      this.form.headpic = response.data
     },
     // 对上传图片的大小、格式进行限制
-    beforeAvatarUpload(file) {
+    beforeUpload(file) {
       const isJPG = file.type === 'image/jpeg'
       const isJPG2 = file.type === 'image/jpg'
       const isPNG = file.type === 'image/png'

src/views/club/form.vue

@@ -28,9 +28,10 @@
           <el-upload
             class="avatar-uploader"
             :action="action"
+            :headers="getToken"
             :show-file-list="false"
             :on-success="handleAvatarSuccess"
-            :before-upload="beforeAvatarUpload"
+            :before-upload="beforeUpload"
           >
             <img v-if="form.businessLicenseImage" :src="form.businessLicenseImage" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon" />
@@ -43,9 +44,10 @@
           <el-upload
             class="avatar-uploader"
             :action="action"
+            :headers="getToken"
             :show-file-list="false"
             :on-success="handleDoorwaySuccess"
-            :before-upload="beforeAvatarUpload"
+            :before-upload="beforeUpload"
           >
             <img v-if="form.headpic" :src="form.headpic" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon" />
@@ -73,12 +75,11 @@
 // 引入省市区组件，公共组件所在的路径
 import City from '@/components/Ctiy'
 import { saveAddClubUser } from '@/api/club'
-import { uploadFile, getBase64 } from '@/api/other'
 export default {
   components: { City },
   data() {
     return {
-      action: `${this.baseUrl}/mall/uploadFile/imageUpload`,
+      action: `${this.baseUrl}/formData/MultiPictareaddData`,
       form: {
         name: '',
         linkMan: '',
@@ -108,6 +109,11 @@ export default {
     }
   },
   computed: {
+    getToken() {
+      return {
+        'token': this.$store.getters.token
+      }
+    },
     organizeID() {
       return this.$store.getters.organizeID
     }
@@ -121,24 +127,14 @@ export default {
       this.addList.townID = data.townid
     },
     // 上传图标事件
-    handleAvatarSuccess(res, file) {
-      getBase64(file.raw).then(res => {
-        uploadFile({ imgStr: res }).then(response => {
-          this.form.businessLicenseImage = response.data
-          this.$message.error('上传图片失败')
-        })
-      })
+    handleAvatarSuccess(response, file) {
+      this.form.businessLicenseImage = response.data
     },
-    handleDoorwaySuccess(res, file) {
-      getBase64(file.raw).then(res => {
-        uploadFile({ imgStr: res }).then(response => {
-          console.log(response)
-          this.form.headpic = response.data
-        })
-      })
+    handleDoorwaySuccess(response, file) {
+      this.form.headpic = response.data
     },
     // 对上传图片的大小、格式进行限制
-    beforeAvatarUpload(file) {
+    beforeUpload(file) {
       const isJPG = file.type === 'image/jpeg'
       const isJPG2 = file.type === 'image/jpg'
       const isPNG = file.type === 'image/png'

src/views/goods/category-edit.vue

@@ -16,9 +16,10 @@
           <el-upload
             class="avatar-uploader"
             :action="action"
+            :headers="getToken"
             :show-file-list="false"
-            :on-success="handleAvatarSuccess"
-            :before-upload="beforeAvatarUpload"
+            :on-success="handleSuccess"
+            :before-upload="beforeUpload"
           >
             <img v-if="temp.classifyImage" :src="temp.classifyImage" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon" />
@@ -50,11 +51,10 @@
 
 <script>
 import { getClassify, saveClassify } from '@/api/goods-classify'
-import { uploadFile, getBase64 } from '@/api/other'
 export default {
   data() {
     return {
-      action: `${this.baseUrl}/mall/uploadFile/imageUpload`,
+      action: `${this.baseUrl}/formData/MultiPictareaddData`,
       msg: '编辑分类',
       activeIndex: '2',
       rules: {
@@ -79,6 +79,11 @@ export default {
     }
   },
   computed: {
+    getToken() {
+      return {
+        'token': this.$store.getters.token
+      }
+    },
     classifyId: function() {
       return window.location.href.split('/').reverse()[0]
     },
@@ -113,20 +118,11 @@ export default {
       })
     },
     // 上传图标事件
-    handleAvatarSuccess(res, file) {
-      getBase64(file.raw).then(res => {
-        uploadFile({ imgStr: res }).then(response => {
-          console.log(response)
-          if (response.code === '1') {
-            this.temp.classifyImage = response.data
-          } else {
-            this.$message.error('上传图片失败')
-          }
-        })
-      })
+    handleSuccess(response, file) {
+      this.temp.classifyImage = response.data
     },
     // 对上传图片的大小、格式进行限制
-    beforeAvatarUpload(file) {
+    beforeUpload(file) {
       const isJPG = file.type === 'image/jpeg'
       const isJPG2 = file.type === 'image/jpg'
       const isPNG = file.type === 'image/png'