本文主要和大家分享微信小程式開發上傳圖片功能實例,希望能幫助大家。
一.了解wx.chooseImage(OBJECT)
二.程式碼程式設計
#在pages檔案裡面建立uploadimg資料夾
1.寫頁面結構:uploadimg.wxml
<view class="container" style="padding:1rem;"> <button type="primary"bindtap="chooseimage">获取图片</button> <image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx;margin:1rem 0;"/> </view>
#2.
設定資料:uploadimg.js//获取应用实例 var app = getApp() Page({ data: { tempFilePaths: '', }, /** * 上传图片 */ chooseimage: function () { var _this = this; wx.chooseImage({ count: 1, // 默认9 // 可以指定是原图还是压缩图,默认二者都有 sizeType: ['original', 'compressed'], // 可以指定来源是相册还是相机,默认二者都有 sourceType: ['album', 'camera'], // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 success: function (res) { _this.setData({ tempFilePaths:res.tempFilePaths }) } }) } })#######相關推薦:############ #########在上傳圖片時本機先預覽如何實現######################JS開發微信公眾號上傳圖片到本機伺服器## #############JS上傳圖片實作程式碼#######
以上是微信小程式開發上傳圖片功能實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!