微信小程序 chooseImage選擇圖片或者拍照
微信小程序 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 從相冊(cè)選圖,camera 使用相機(jī),默認(rèn)二者都有 success: function(res){ // success console.log(res) _this.setData({ src:res.tempFilePaths }) }, fail: function() { // fail }, complete: function() { // complete } }) }
二、圖片路徑進(jìn)行數(shù)據(jù)綁定
<view class="container"> <view> <button type="default" bindtap="gotoShow" >點(diǎn)擊上傳照片</button> </view> <view> <image class= "show-image" mode="aspectFitf" src="{{src}}"></image> </view> </view>
號(hào)外:
1、wx.chooseImage 調(diào)用相機(jī)或相冊(cè)
2、<image class= "show-image" mode="aspectFitf" src="{{src}}"></image> 數(shù)據(jù)綁定
3、js中動(dòng)態(tài)修改文件路徑
var _this = this wx.chooseImage({ count: 9, // 最多可以選擇的圖片張數(shù),默認(rèn)9 sizeType: ['original', 'compressed'], // original 原圖,compressed 壓縮圖,默認(rèn)二者都有 sourceType: ['album', 'camera'], // album 從相冊(cè)選圖,camera 使用相機(jī),默認(rèn)二者都有 success: function(res){ // success console.log(res) _this.setData({ src:res.tempFilePaths }) }, fail: function() { // fail }, complete: function() { // complete }
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
JS前端使用Canvas快速實(shí)現(xiàn)手勢解鎖特效
這篇文章主要為大家介紹了JS前端使用Canvas快速實(shí)現(xiàn)手勢解鎖特效,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09微信小程序 常見問題總結(jié)(4058,40013)及解決辦法
這篇文章主要介紹了微信小程序 常見問題總結(jié)及解決辦法的相關(guān)資料,這里首先對(duì)微信小程序的結(jié)構(gòu)進(jìn)行了介紹,然后對(duì)常見問題進(jìn)行說明講解,需要的朋友可以參考下2017-01-01微信小程序 實(shí)現(xiàn)列表項(xiàng)滑動(dòng)顯示刪除按鈕的功能
這篇文章主要介紹了微信小程序列表項(xiàng)滑動(dòng)顯示刪除按鈕的相關(guān)資料,需要的朋友可以參考下2017-04-04一篇文章教你學(xué)會(huì)js實(shí)現(xiàn)彈幕效果
彈幕效果隨著b站的越做越強(qiáng),出現(xiàn)了越來越多的仿照b站的視頻站點(diǎn)。然而這些視頻站仿照的最多的只有一點(diǎn)!那就是彈幕,現(xiàn)在也越來越多的人喜歡上了彈幕本文就教你如何制作2021-08-08JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例
這篇文章主要為大家介紹了JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08