上传图片

config/dev.env.js

@@ -17,6 +17,7 @@ module.exports = merge(prodEnv, {//zjgyl
   // BASE_URL:"'http://192.168.1.146:3005'",
   // BASE_URL:"'http://192.168.1.127:3000'",
   BASE_URL:"'https://test-m-shop.mayi888.cn'",
+  ADMIN_URL:"'https://test-ant.mayi888.cn'",
   // BASE_URL:"'http://192.168.137.1:3004'",
 
   OLSHOP_URL:'"https://test-m-shop.mayi888.cn/innerApi/shopApiService"',

config/prod.env.js

@@ -3,6 +3,7 @@ module.exports = {
   SHOP_MIXID:"'ant'",
   NODE_ENV: '"production"',
   BASE_URL:"'https://shop.mayi888.com'",
+  ADMIN_URL:"'https://admin.mayi888.com'",
   
   OLSHOP_URL:'"https://shop.mayi888.com/innerApi/shopApiService"',
   IMG_DOMAIN: '"https://mayi-newshop.oss-cn-shanghai.aliyuncs.com"'

package.json

@@ -26,7 +26,8 @@
     "mayi-front-tools": "^1.0.0",
     "mpvue": "^2.0.0",
     "mpvue-wxparse": "^0.6.5",
-    "vuex": "^3.0.1"
+    "vuex": "^3.0.1",
+    "we-cropper": "^1.4.0"
   },
   "devDependencies": {
     "babel-core": "^6.22.1",

src/components/mpvue-cropper.vue

@@ -101,9 +101,27 @@
         })
       },
       selectImg(){
+        let _this = this;
         this._wecropper.getCropperImage().then(path=>{
-          this.selectImgUrl = path;
+          
           console.log(path,'---path')
+          console.log(`${process.env.ADMIN_URL}/innerApi/baseService/upload/uploadFile.htm`,'-------url')
+          wx.uploadFile({
+            url: `${process.env.ADMIN_URL}/innerApi/baseService/upload/uploadFile.htm`, //仅为示例，非真实的接口地址
+            filePath: path,
+            name: 'file',
+            formData: {
+              'user': 'test'
+            },
+            success (res){
+              const data = res.data?JSON.parse(res.data):{};
+              console.log(data,'-----------118--success')
+              if(data.code == 200) {
+                _this.selectImgUrl = data.data.imgUrl;
+              }
+              //do something
+            },
+          })
         })
       }
     },

src/pages/home/index.vue

@@ -7,8 +7,8 @@
         <div v-if="showSpokesManHome">
           <get-index-homepage class="getIndexHomePage"></get-index-homepage>
         </div>
-        <!-- <div style="font-size:40px;" @click="upImg">上传</div> -->
-        <!-- <mpvue-cropper v-if="chooseImg" :option="cropperOptions" @ready="cReady"></mpvue-cropper> -->
+        <!-- <div style="font-size:40px;" @click="upImg">上传</div>
+        <mpvue-cropper v-if="chooseImg" :option="cropperOptions" @ready="cReady"></mpvue-cropper> -->
         <ThemeDataPlant></ThemeDataPlant>
         <div v-for="(item,index) in pageData" :key="index">
           <div v-if="item.componentCode=='banner' && item.componentInfo.visible == 1">
@@ -426,6 +426,7 @@ export default {
         sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
         success(res) {
           const src = res.tempFilePaths[0]
+          console.log(src,'---------------chooseImage')
           if (src) {
           // 将图片参数传递给插件
             self.chooseImg = true;