Bläddra i källkod

修改上传图片-6

YY 2 år sedan
förälder
incheckning
1611497e88
3 ändrade filer med 14 tillägg och 25 borttagningar
  1. 10 22
      pages/market/detail.js
  2. 3 2
      pages/market/detail.json
  3. 1 1
      pages/market/detail.wxml

+ 10 - 22
pages/market/detail.js

@@ -41,30 +41,18 @@ Page({
       this.setData({ 'form.type_name': data.name })
    },
    // 上传图片
-   afterRead: function (event) {
-      const { file } = event.detail;
-      // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
-      wx.uploadFile({
-         url: app.globalData.fileUrl + '/files/consumables/market/upload',
-         filePath: file.url,
-         name: 'file',
-         formData: {},
-         success: (res) => {
-            if (res.statusCode == '200') {
-               let data = [{ name: JSON.parse(res.data).name, url: `${app.globalData.fileUrl}` + JSON.parse(res.data).uri }]
-               this.setData({ img_url: this.data.img_url.concat(data) })
-            } else {
-               wx.showToast({ title: `${res.data.errmsg}`, icon: 'fail', duration: 2000 })
-            }
-         },
-      });
+   imgUpl: function (e) {
+      const that = this;
+      let data = that.data.img_url;
+      data.push(e.detail)
+      that.setData({ img_url: data })
    },
    // 删除图片
-   uploadDelete: function (e) {
-      const index = e.detail.index;
-      const imgList = this.data.img_url;
-      if (imgList.length === 1) this.setData({ img_url: [] })
-      else { let data = imgList.splice(0, 1); this.setData({ img_url: data }) }
+   imgDel: function (e) {
+      const that = this;
+      let list = that.data.img_url;
+      let arr = list.filter((i, index) => index != e.detail.index)
+      that.setData({ img_url: arr })
    },
    // 取消保存
    onReset: function (e) {

+ 3 - 2
pages/market/detail.json

@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "mobile-main": "/commpents/mobile-frame/mobile-main"
+    "mobile-main": "/commpents/mobile-frame/mobile-main",
+    "vanupload": "/commpents/upload/index"
   }
-}
+}

+ 1 - 1
pages/market/detail.wxml

@@ -73,7 +73,7 @@
             <text class="icon iconfont icon-tupian"></text>
           </view>
           <view class="right">
-            <van-uploader file-list="{{ img_url }}" bind:after-read="afterRead" bind:delete="uploadDelete" />
+            <vanupload list="{{img_url}}" count="{{4}}" previewSize="{{80}}" bind:imgUpload="imgUpl" bind:imgDel="imgDel"></vanupload>
           </view>
         </view>
         <view class="save">