Heim  >  Artikel  >  WeChat-Applet  >  Fallfreigabe – Hochladen einer Miniprogramm-Bildgruppe

Fallfreigabe – Hochladen einer Miniprogramm-Bildgruppe

php是最好的语言
php是最好的语言Original
2018-08-09 10:43:152127Durchsuche

Im Entwicklungsprozess müssen mehrere Gruppen von Fotos für eine Projektanforderung hochgeladen werden. Ein Teil-Screenshot der Upload-Seite sieht wie folgt aus:

Fallfreigabe – Hochladen einer Miniprogramm-Bildgruppe

Weil es solche gibt Bei vielen Gruppen ist es unmöglich, dass jede Gruppe ein Layout schreibt. Verwenden Sie daher eine for-Schleife, um Bilder auszuwählen und anzuzeigen.

fileList: [{
      name: "驾驶证",
      cid:"0",
      picimage:[],
    }, {
        name: "整车外观",
        cid: "1",
        picimage: [],
      }, {
        name: "整车铭牌",
        cid: "2",
        picimage: [],
    }, {
        name: "发动机全貌",
        cid: "3",
        picimage: [],
    },{
        name: "增压器全貌",
        cid: "4",
        picimage: [],
    }]

Der Seitenlayout-Codeteil wird nicht veröffentlicht Verwenden der Schleife sind: 1. Rufen Sie dasselbe wx.chooseImage () auf. Das zweite Kapitel wird angezeigt, das das erste abdeckt. 2. Alle Gruppen werden gleichzeitig nicht unterscheidbar sein. Lösung: 1. Wenn Sie ein Bild auswählen, fassen Sie das Bild im Array zusammen. 2. Legen Sie für jede Gruppe eine ID fest. Wenn Sie auf die Schaltfläche „Bild auswählen“ klicken, wird anhand der empfangenen ID ausgewählt, in welcher Gruppe das Bild angezeigt werden soll > Upload-Teil: Da das Applet jeweils nur ein Bild hochladen kann, muss die Upload-Methode verarbeitet werden. Zuerst werden alle Bild-Arrays in eine Sammlung eingefügt, dann wird die Sammlung durchlaufen und in Array-Einheiten hochgeladen.

chooseWxImage: function (e) {
    var _this = this;
    var id = e.currentTarget.dataset.picid;
    console.log("id-----" + id)
    if (_this.data.fileList[id].picimage.length>1){
      wx.showModal({
        content: '你最多只能选择2张照片',
        showCancel:false,
      })
    }else{
    wx.chooseImage({
      count:2,
      sizeType: "compressed",
      sourceType: ['album', 'camera'],
      success: function (res) {
        var arr = _this.data.fileList[id].picimage;
        for (let i in res.tempFilePaths) {
          arr.push(res.tempFilePaths[i])
        }
        _this.setData({
          fileList: _this.data.fileList
        })
      }
    })}
  },

Verwandte Empfehlungen:

Teilen von Beispielen für die WeChat-Applet-Entwicklung zum Hochladen von Bildern

CodeIgniter-Teilen des gesamten Prozesses des erfolgreichen Hochladens Bilder

Das obige ist der detaillierte Inhalt vonFallfreigabe – Hochladen einer Miniprogramm-Bildgruppe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn