微信小程序之預(yù)覽圖片
選擇圖片時(shí)可設(shè)置圖片是否是原圖，圖片來源。這用的也挺常見的，比如個(gè)人中心中設(shè)置頭像，可以與wx.upLoadFile()API使用 主要方法： wx.chooseImage(object) wxml !--監(jiān)聽按鈕-- button type="primary" bindtap="li ...
選擇圖片時(shí)可設(shè)置圖片是否是原圖，圖片來源。這用的也挺常見的，比如個(gè)人中心中設(shè)置頭像，可以與wx.upLoadFile()API使用
主要方法：
wx.chooseImage(object)
wxml
<button type="primary" bindtap="listenerButtonChooseImage">點(diǎn)擊我選擇相冊button><image src="{{source}}" mode="aspecFill" style="width: 640rpx; height: 640rpx"/>
js
Page({ data:{ // text:"這是一個(gè)頁面" source: '' }, /** * 選擇相冊或者相機(jī) 配合上傳圖片接口用 */ listenerButtonChooseImage: function() { var that = this; wx.chooseImage({ count: 1, //original原圖，compressed壓縮圖 sizeType: ['original'], //album來源相冊 camera相機(jī) sourceType: ['album', 'camera'], //成功時(shí)會(huì)回調(diào) success: function(res) { //重繪視圖 that.setData({ source: res.tempFilePaths }) } }) },
wx.previewImage(object)
這又是一個(gè)奇葩API真實(shí)搞不懂怎么用這個(gè)。先模仿下官方咋使用但是沒有效果，搞懂了在補(bǔ)充下自己的使用
wxml
<button type="primary" bindtap="listenerButtonPreviewImage">展示圖片button>
js
var app = getApp()
Page({
data: {
banner:['../images/big.png', '../images/big.png', '../images/big.png'],
modalHidden: true
},
tapMove:function(e){
this.setData({
num: e.detail.current+1
})
},
/**
* 預(yù)覽圖片
*/
listenerButtonPreviewImage: function() {
wx.previewImage({
current: '../images/big.png',
//這根本就不走
success: function(res) {
console.log(res);
},
//也根本不走
fail: function() {
console.log('fail')
},
complete:function(){
console.log('complete')
}
})
},
onLoad: function () {
var that = this;
that.setData({
num:1,
count:that.data.banner.length
})
}
})
