微信小程序 chooseImage選擇圖片或者拍照
更新時間：2017年04月07日 10:54:41 投稿：lqh
這篇文章主要介紹了微信小程序 chooseImage選擇圖片或者拍照的相關(guān)資料,需要的朋友可以參考下
微信小程序 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ù)，默認9
sizeType: ['original', 'compressed'], // original 原圖，compressed 壓縮圖，默認二者都有
sourceType: ['album', 'camera'], // album 從相冊選圖，camera 使用相機，默認二者都有
success: function(res){
// success
console.log(res)
_this.setData({
src:res.tempFilePaths
})
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
}
二、圖片路徑進行數(shù)據(jù)綁定
<view class="container">
<view>
<button type="default" bindtap="gotoShow" >點擊上傳照片</button>
</view>
<view>
<image class= "show-image" mode="aspectFitf" src="{{src}}"></image>
</view>
</view>
號外：
1、wx.chooseImage 調(diào)用相機或相冊
2、<image class= "show-image" mode="aspectFitf" src="{{src}}"></image> 數(shù)據(jù)綁定
3、js中動態(tài)修改文件路徑
var _this = this
wx.chooseImage({
count: 9, // 最多可以選擇的圖片張數(shù)，默認9
sizeType: ['original', 'compressed'], // original 原圖，compressed 壓縮圖，默認二者都有
sourceType: ['album', 'camera'], // album 從相冊選圖，camera 使用相機，默認二者都有
success: function(res){
// success
console.log(res)
_this.setData({
src:res.tempFilePaths
})
},
fail: function() {
// fail
},
complete: function() {
// complete
}
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要為大家介紹了JS前端使用Canvas快速實現(xiàn)手勢解鎖特效，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
網(wǎng)頁常用特效代碼整理...2006-06-06
如果你學過面向?qū)ο缶幊?，那你肯定知道干什么用的，如果你沒有學過，那么暫時可以不用看這篇文章,this既不指向函數(shù)自身,也不指函數(shù)的詞法作用域，具體怎么使用JS中的this,JS中的this綁定規(guī)則又是什么？2020-02-02
這篇文章主要介紹了微信小程序 picker 組件詳解及簡單實例的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要總結(jié)介紹了JS如何獲取對象屬性名的方法,需要的朋友可以參考下2022-01-01
微信小程序 常見問題總結(jié)（4058，40013）及解決辦法
這篇文章主要介紹了微信小程序 常見問題總結(jié)及解決辦法的相關(guān)資料,這里首先對微信小程序的結(jié)構(gòu)進行了介紹，然后對常見問題進行說明講解，需要的朋友可以參考下2017-01-01
這篇文章主要介紹了微信小程序列表項滑動顯示刪除按鈕的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要為大家介紹了JS分層架構(gòu)低代碼跨iframe拖拽示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
彈幕效果隨著b站的越做越強，出現(xiàn)了越來越多的仿照b站的視頻站點。然而這些視頻站仿照的最多的只有一點！那就是彈幕，現(xiàn)在也越來越多的人喜歡上了彈幕本文就教你如何制作2021-08-08
JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例
這篇文章主要為大家介紹了JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08