微信小程序---上传图片（视频）功能（单个/多个）
生活随笔
收集整理的這篇文章主要介紹了
微信小程序---上传图片（视频）功能（单个/多个）
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
一、展示效果
二、只寫下核心的代碼，樣式自己弄下就好了。點擊圖片調(diào)用?add_img方法（）
// 點擊調(diào)用手機相冊/拍照add_img: function (type) {let that = this;wx.chooseImage({count: 1,//一張圖片sizeType: ['original', 'compressed'],sourceType: ['album', 'camera'],//手機拍照/圖片success: function (res) {let src = res.tempFilePaths[0];let local_img = src; //本地選擇圖片地址（可以用來展示，后面上傳服務(wù)器成功再替換成服務(wù)器圖片路徑，不替換也行，避免參數(shù)相同即可）that.setData({local_img：src });that.uploadFile(src);}},fail: function () {wx.showToast({title: '圖片上傳失敗',icon: 'none'})return;}})},uploadFile(src){ //將圖片上傳到服務(wù)器let _this = this;let filePath = src;wx.uploadFile({url: api.Upload_Desc_Img,filePath: filePath,formData: null,name: 'file',header: {'X-Requested-With': 'XMLHttpRequest','Authorization': wx.getStorageSync('token'),//根據(jù)后臺需要參數(shù)'Appid': wx.getStorageSync('appid')//根據(jù)后臺需要參數(shù)},success: (res => {let data = JSON.parse(res.data);if (data.code === 200) {let ftp_save_file_path = data.data.img_url;//服務(wù)器返回圖片地址_this.setData({local_img：ftp_save_file_path ,})}})})return false;},只介紹圖片上傳的方法，視頻上傳的方法和圖片上傳的方法類似，就不一一說明啦，不懂的話可以私聊我。
總結(jié)
以上是生活随笔為你收集整理的微信小程序---上传图片（视频）功能（单个/多个）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
