這篇文章主要介紹“微信小程序中怎么實現(xiàn)chooseImage選擇圖片或拍照”,在日常操作中,相信很多人在微信小程序中怎么實現(xiàn)chooseImage選擇圖片或拍照問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”微信小程序中怎么實現(xiàn)chooseImage選擇圖片或拍照”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
微信小程序 chooseImage選擇圖片或者拍照
一、使用API wx.chooseImage(OBJECT)
var util = require('../../utils/util.js') Page({ data:{ src:"../image/pic4.jpg" }, gotoShow: function(){var _this = this wx.chooseImage({ count: 9, // 最多可以選擇的圖片張數(shù),默認(rèn)9 sizeType: ['original', 'compressed'], // original 原圖,compressed 壓縮圖,默認(rèn)二者都有 sourceType: ['album', 'camera'], // album 從相冊選圖,camera 使用相機,默認(rèn)二者都有 success: function(res){ // success console.log(res) _this.setData({ src:res.tempFilePaths }) }, fail: function() { // fail }, complete: function() { // complete } }) }
二、圖片路徑進行數(shù)據(jù)綁定
號外:
1、wx.chooseImage 調(diào)用相機或相冊
2、
3、js中動態(tài)修改文件路徑
var _this = this wx.chooseImage({ count: 9, // 最多可以選擇的圖片張數(shù),默認(rèn)9 sizeType: ['original', 'compressed'], // original 原圖,compressed 壓縮圖,默認(rèn)二者都有 sourceType: ['album', 'camera'], // album 從相冊選圖,camera 使用相機,默認(rèn)二者都有 success: function(res){ // success console.log(res) _this.setData({ src:res.tempFilePaths }) }, fail: function() { // fail }, complete: function() { // complete }
到此,關(guān)于“微信小程序中怎么實現(xiàn)chooseImage選擇圖片或拍照”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)頁名稱:微信小程序中怎么實現(xiàn)chooseImage選擇圖片或拍照-創(chuàng)新互聯(lián)
網(wǎng)站URL:http://www.weahome.cn/article/dcigjp.html