国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 課堂 > 小程序 > 正文

微信小程序實現圖片上傳

2020-03-21 15:55:27
字體:
來源:轉載
供稿:網友

本文實例為大家分享了Android九宮格圖片展示的具體代碼,供大家參考,具體內容如下/p>

圖片上傳服務器:

wxml

<view class="container"> <button bindtap='chooseImageTap'>上傳圖片</button></view>

wxss

Page({  /**  * 頁面的初始數據  */ data: {  imgs: [],//本地圖片地址數組  picPaths:[],//網絡路徑 },  /**  * 生命周期函數--監聽頁面加載  */ onLoad: function (options) {   }, //添加上傳圖片 chooseImageTap: function () {  var that = this;  wx.showActionSheet({   itemList: ['從相冊中選擇', '拍照'],   itemColor: "#00000",   success: function (res) {    if (!res.cancel) {     if (res.tapIndex == 0) {      that.chooseWxImage('album')     } else if (res.tapIndex == 1) {      that.chooseWxImage('camera')     }    }   }  }) }, // 圖片本地路徑 chooseWxImage: function (type) {  var that = this;  var imgsPaths = that.data.imgs;  wx.chooseImage({   sizeType: ['original', 'compressed'],   sourceType: [type],   success: function (res) {    console.log(res.tempFilePaths[0]);    that.upImgs(res.tempFilePaths[0], 0) //調用上傳方法   }  })  }, //上傳服務器 upImgs: function (imgurl, index) {  var that = this;  wx.uploadFile({   url: 'https://xxxxxxxxxxxxxxxxxxxxxxxxxxxx',//   filePath: imgurl,   name: 'file',   header: {    'content-type': 'multipart/form-data'   },   formData: null,   success: function (res) {    console.log(res) //接口返回網絡路徑    var data = JSON.parse(res.data)     that.data.picPaths.push(data['msg'])     that.setData({      picPaths: that.data.picPaths     })     console.log(that.data.picPaths)   }  }) }, })

思路很簡單,多張上傳的話,在 upImgs 方法回調做判斷 index++ 繼續調用 upImgs方法即可

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 安顺市| 南昌县| 固始县| 进贤县| 大同市| 浙江省| 乌鲁木齐县| 且末县| 北碚区| 东辽县| 文水县| 绍兴市| 将乐县| 安国市| 温泉县| 永仁县| 万年县| 卓资县| 海林市| 墨脱县| 海口市| 海兴县| 铜鼓县| 冀州市| 莱阳市| 高密市| 方正县| 榆树市| 乌兰浩特市| 云浮市| 龙州县| 乾安县| 额济纳旗| 香港| 曲靖市| 德格县| 察雅县| 大厂| 察雅县| 仪陇县| 丽江市|