国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 Image API實例詳解

2019-11-20 08:50:00
字體:
來源:轉載
供稿:網友

選擇圖片時可設置圖片是否是原圖,圖片來源。這用的也挺常見的,比如個人中心中設置頭像,可以與wx.upLoadFile()API使用

主要方法:

wx.chooseImage(object)

wxml

<!--監聽按鈕--><button type="primary" bindtap="listenerButtonChooseImage">點擊我選擇相冊</button><!--通過數據綁定的方式動態獲取js數據--><image src="{{source}}" mode="aspecFill" style="width: 640rpx; height: 640rpx"/>

js

Page({ data:{  // text:"這是一個頁面"  source: '' }, /**  * 選擇相冊或者相機 配合上傳圖片接口用  */ listenerButtonChooseImage: function() {   var that = this;   wx.chooseImage({     count: 1,     //original原圖,compressed壓縮圖     sizeType: ['original'],     //album來源相冊 camera相機      sourceType: ['album', 'camera'],     //成功時會回調     success: function(res) {       //重繪視圖       that.setData({         source: res.tempFilePaths       })     }   }) },

wx.previewImage(object)

這又是一個奇葩API真實搞不懂怎么用這個。先模仿下官方咋使用但是沒有效果,搞懂了在補充下自己的使用

wxml

<!--圖片預覽--><button type="primary" bindtap="listenerButtonPreviewImage">展示圖片</button>

js

Page({ data:{  // text:"這是一個頁面"  source: '' }, /**  * 預覽圖片 又一個奇葩接口  */ listenerButtonPreviewImage: function() {   wx.previewImage({     current: 'http://img.souutu.com/2016/0511/20160511055648316.jpg',     urls: [       'http://img.souutu.com/2016/0511/20160511055648316.jpg',        'http://img.souutu.com/2016/0511/20160511055650751.jpg',        'http://img.souutu.com/2016/0511/20160511054928658.jpg'        ],        //這根本就不走        success: function(res) {          console.log(res);        },        //也根本不走        fail: function() {          console.log('fail')        }   }) }})

感謝閱讀本文,希望能幫助到大家,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 绥德县| 洱源县| 灯塔市| 行唐县| 行唐县| 临洮县| 香格里拉县| 苍梧县| 贵州省| 平远县| 白城市| 辉南县| 广州市| 隆化县| 康保县| 桦甸市| 平南县| 盐池县| 嘉峪关市| 满城县| 白朗县| 贡山| 三河市| 涞源县| 当阳市| 大安市| 奈曼旗| 仙居县| 荔浦县| 河池市| 济宁市| 宁都县| 巫山县| 青海省| 喀喇| 阳高县| 攀枝花市| 英山县| 盈江县| 常德市| 桃源县|