微信小程序中相机api_微信小程序 Image API实例详解
选择图片时可设置图片是否是原图,图片来源。这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用
主要方法:
wx.chooseImage(object)
wxml
点击我选择相册
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
展示图片
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')
}
})
}
})
感谢阅读本文,希望能帮助到大家,谢谢大家对本站的支持!
微信小程序中相机api_微信小程序 Image API实例详解相关推荐
- 小程序怎么处理轮训ajax,微信小程序中使用Promise进行异步流程处理的实例详解...
微信小程序中使用Promise进行异步流程处理的实例详解 我们知道,JavaScript是单进程执行的,同步操作会对程序的执行进行阻塞处理.比如在浏览器页面程序中,如果一段同步的代码需要执行很长时间( ...
- 微信小程序中相机api_微信小程序API 相机·CameraContext实例
CameraContext CameraContext 实例,可通过 wx.createCameraContext 获取. CameraContext 与页面内唯一的 camera 组件绑定,操作对应 ...
- 微信小程序中form 表单提交和取值实例详解
2019独角兽企业重金招聘Python工程师标准>>> 我们知道,如果我们直接给 input 添加 bindinput,比如:<input bindinput="on ...
- python2.7除法_对python中的float除法和整除法的实例详解
从python2.2开始,便有两种除法运算符:"/"."//".两者最大区别在: python2.2前的版本和python2.2以后3.0以前的版本的默认情况下 ...
- Java中JSON字符串与java对象的互换实例详解
这篇文章主要介绍了在java中,JSON字符串与java对象的相互转换实例详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下 在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML.JS ...
- java显示参数,Java中的隐式参数和显示参数实例详解
在学习java的过程中,我们会遇到许多的问题.下面我们就来看看什么是隐式参数和显示参数. 显式参数,就是平时见到的在方法名括号中间的参数,就是所谓能看得见的参数www.cppcns.com. 隐式参数 ...
- java中将json字符串_Java中JSON字符串与java对象的互换实例详解
在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML.JSON等,JSON作为一个轻量级的数据格式比xml效率要高,XML需要很多的标签,这无疑占据了网络流量,JSON在这方面则做的很好, ...
- python中列表数据类型_Python数据类型之List列表实例详解
本文实例讲述了Python数据类型之List列表.分享给大家供大家参考,具体如下: list列表 1.概述: 通过之前的学习,我们知道变量可以存储数据,但是一个变量只能存储一个数据,现在有一个班级,班 ...
- c语言字符串正序反序连接输出,C语言中字符串实现正序与逆序实例详解
C语言中字符串实现逆序实例详解 字符串逆序和正序的实现代码: #include #include #include #include #include /*定义*/ typedef struct no ...
最新文章
- [转]C++ 使用Makefile文件
- SP3946 MKTHNUM - K-th Number(整体二分)
- unity 纹理压缩格式‘_[2018.1]Unity贴图压缩格式设置
- WARNING: YARN_ROOT_LOGGER has been replaced by HADOOP_ROOT_LOGGER. Using value of YARN_ROOT_LOGGER
- JIRA介绍- 一个专业优秀的缺陷跟踪管理软件
- [Redux/Mobx] 你有使用过redux-saga中间件吗?它是干什么的?
- C++算法一:交换算法
- 提高代码可读性: 命名技术
- php列出mysql表格,php列出mysql表所有行和列的方法
- 业界聚焦机器人发展:需要攻克核心技术
- 【BZOJ】【2752】【HAOI2012】高速公路(Road)
- react-router-dom文档
- (一)JMeter性能测试,完整入门篇:性能测试操作步骤
- 帆软连接好数据库,字段带有中文的显示乱码解决方案
- matlab棋盘格标定角点,相机标定(Camera calibration)Matlab——棋盘格标定原理,流程...
- markdown图片旋转
- 庚子中秋之际,走进刘易斯的S4 刘易斯逻辑之十
- [附源码]Java计算机毕业设计SSM高校选课系统
- FPGA之IBIS模型编辑实战攻略
- react classnames
热门文章
- 小米一元流量magisk_小米推出5G定制电话卡,资费月49元起,成最便宜5G手机套餐!...
- 华为P50E全方位曝光:延续P50设计 换装骁龙778G 4G芯片
- 呷哺呷哺:预期2021年净亏损约2.75亿元至2.95亿元
- 陆正耀神州优车被强制执行超10亿
- 11月1日至11日 全国处理快件47.76亿件
- 不会有1TB?研究机构称iPhone 13最高存储仍为512GB
- 传相互宝或于6月11日被关停 蚂蚁集团回应:假消息
- 任正非表示支持小女儿姚安娜搞文艺
- 拼多多派发“五五购物节”消费券 万张消费券30分钟被抢购一空
- 曾经很火但消失了的软件,你还记得几个?