萌新微信小程序成长-2（上传图片以及预览和大图预览）
生活随笔
收集整理的這篇文章主要介紹了
萌新微信小程序成长-2（上传图片以及预览和大图预览）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
local:function(e) {var that = this;var a = that.data.imageList.lengthwx.chooseImage({count: 9-a, // 默認9sizeType: ['compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有success: function(res) {// 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標簽的src屬性顯示圖片var temp = res.tempFilePathsvar img = that.data.imageList//這里直接將臨時文件路徑push到數組里面直接就可以for遍歷顯示了var xd=that.data.xdfor (var i = 0; i < temp.length; i++) {if(that.data.new1==1){xd.push(temp[i])img.push(temp[i])}else{img.push(temp[i])}}if (img.length <= 9) {that.setData({imageList: img,xd:xd})}var qb = that.data.imageList.length;if (qb < 9) {that.setData({num: qb,})} else {that.setData({num: 9,})}},fail: function(res) {console.log(res.errMsg)}})},// 預覽大圖preview: function(e) {var that = this;var src = e.currentTarget.dataset.src; //獲取data-srcvar imgList = that.data.imageList;wx.previewImage({current: src, // 當前顯示圖片的http鏈接urls: imgList // 需要預覽的圖片http鏈接列表})},//上傳圖片upload:function(){var that=thisvar image1=that.data.imageListfor (var i = 0; i < image1.length; i++) {wx.uploadFile({url: app.globalData.url + 'parameter=' + par + '&service=cn.ant.add.goodsimage&serviceCode=02&token=xxx',filePath: image1[i],name: 'file',header: {'content-type': 'multipart/form-data'},formData: {},success(res) {console.log(res)wx.redirectTo({url: './fbcg/fbcg?goodsid=' + that.data.goodsId,}) },fail: function (res) {console.log(res)if(that.data.new1!=null){wx.redirectTo({url: './fbcg/fbcg?goodsid=' + that.data.goodsId,}) }},complete() {}})}}
總結
以上是生活随笔為你收集整理的萌新微信小程序成长-2（上传图片以及预览和大图预览）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： win7计算机excel快捷键,exce
- 下一篇： jeecg-boot学习及调通步骤