微信小程序预览图片
选择图片时可设置图片是否是原图,图片来源。这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用
http://www.cnblogs.com/0liaoyi/p/5946173.html
主要方法:
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
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
})
},
/**
* 预览图片
*/
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
})
}
})
预览图片图片中有一些问题,请高手多多指点点,
相关文章
- 微信小程序 - 上传图片纯前端(多张、单张)
- 微信小程序中的【tabBar】-建立底部导航菜单
- 【微信小程序】-- 自定义组件 -- 创建与引用 &样式(三十二)
- 微信小程序 项目实战(三)list 列表页 及 item 详情页
- Vue - 修改富文本内元素样式,支持 scoped (自定义指令解析的富文本内图片、表格元素,即保留原有样式,又能加入额外自定义的样式详细教程)nuxt.js uni-app 微信小程序wechat
- 《微信小程序:开发入门及案例详解》—— 1.4 小结
- 点播影院——影院微信运营新模式
- 【微信小程序/事件】事件响应的各种场景
- 【微信小程序/组件】媒体组件
- 【小程序】微信小程序云开发笔记详细教程(建议收藏)
- vue3条件渲染v-if与列表渲染v-for 与微信小程序对比
- 微信小程序摄影头样式设计
- 微信小程序之接口验证问题与处理onLaunch与onload异步同步问题
- 微信小程序图片宽度100%,高度自适应
- 微信小程序支付及退款整体流程
- Java实现微信小程序加解密算法
- java代码实现获取微信小程序码并返回图片地址
- 微信小程序开发之城市定位(腾讯位置服务)
- 微信小程序 屏幕滚动监听
- 安卓开发笔记(三十三):Android仿写微信发现
- 微信小程序插入背景图片(将图片转为base64)