no message

package-lock.json

@@ -32,6 +32,7 @@
         "@zebra-ui/swiper": "^2.2.2",
         "core-js": "^3.6.5",
         "flyio": "^0.6.2",
+        "js-base64": "^3.7.5",
         "regenerator-runtime": "^0.12.1",
         "vue": "^2.6.11",
         "vuex": "^3.2.0"
@@ -13579,6 +13580,11 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/js-base64": {
+      "version": "3.7.5",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.5.tgz",
+      "integrity": "sha512-3MEt5DTINKqfScXKfJFrRbxkrnk2AxPWGBL/ycjz4dK8iqiSJ06UxD8jh8xuh6p10TX4t2+7FsBYVxxQbMg+qA=="
+    },
     "node_modules/js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",
@@ -32399,6 +32405,11 @@
       "dev": true,
       "peer": true
     },
+    "js-base64": {
+      "version": "3.7.5",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.5.tgz",
+      "integrity": "sha512-3MEt5DTINKqfScXKfJFrRbxkrnk2AxPWGBL/ycjz4dK8iqiSJ06UxD8jh8xuh6p10TX4t2+7FsBYVxxQbMg+qA=="
+    },
     "js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",

package.json

@@ -72,6 +72,7 @@
     "@zebra-ui/swiper": "^2.2.2",
     "core-js": "^3.6.5",
     "flyio": "^0.6.2",
+    "js-base64": "^3.7.5",
     "regenerator-runtime": "^0.12.1",
     "vue": "^2.6.11",
     "vuex": "^3.2.0"
@@ -110,4 +111,4 @@
   "uni-app": {
     "scripts": {}
   }
-}
+}

src/pages/help/index.vue

@@ -15,7 +15,7 @@
     <view class="upload">
       <view class="img-list" v-for="(item, index) in form.imageFiles" :key="index">
         <uni-icons class="close" type="closeempty" color="#FFF" size="12" @click="getDelete(index)" />
-        <img :src="item" />
+        <image :src="item" />
       </view>
       <button v-if="form.imageFiles.length < 9" @click="upload">
         <uni-icons type="plusempty" color="#A4D099" size="36" />
@@ -32,6 +32,7 @@
 </template>
 
 <script>
+import { Base64 } from 'js-base64'
 import { list, submit } from '@/api/help.js'
 export default {
   data() {
@@ -84,24 +85,24 @@ export default {
 
     // 上传
     upload() {
-      let count = 9 - this.form.imageFiles.length
-      uni.chooseImage({
-        count: count,
-        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-        sourceType: ['album'], //从相册选择
-        success: (res) => {
-          res.tempFilePaths.map(i => {
-            this.form.imageFiles.push(i)
-          })
-        }
-      })
-      // selectImageCount.postMessage(`${this.form.imageFiles.length}`)
-      // selectImage.postMessage('获取相册信息')
-      // window['receiveImageAddress'] = res => {
-      //   JSON.parse(res).addressList.map(i => {
-      //     this.form.imageFiles.push(i)
-      //   })
-      // }
+      // let count = 9 - this.form.imageFiles.length
+      // uni.chooseImage({
+      //   count: count,
+      //   sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+      //   sourceType: ['album'], //从相册选择
+      //   success: (res) => {
+      //     res.tempFilePaths.map(i => {
+      //       this.form.imageFiles.push(Base64.encode(i))
+      //     })
+      //   }
+      // })
+      selectImageCount.postMessage(`${this.form.imageFiles.length}`)
+      selectImage.postMessage('获取相册信息')
+      window['receiveImageAddress'] = res => {
+        JSON.parse(res).addressList.map(i => {
+          this.form.imageFiles.push(Base64.encode(i))
+        })
+      }
     },
 
     // 删除按钮
@@ -186,7 +187,7 @@ export default {
     position: relative;
   }
 
-  img {
+  uni-image {
     width: 160rpx;
     height: 160rpx;
     margin: 0 24rpx 24rpx 0;