微信小程序chooseImage(从本地相册选择图片或使用相机拍照)
2024-08-31 11:42:06
一、使用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, // 最多可以选择的图片张数,默认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
}
})
}
二、图片路径进行数据绑定
<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 调用相机或相册
2、<image class= "show-image" mode="aspectFitf" src="{{src}}"></image> 数据绑定
3、js中动态修改文件路径
var _this = this
wx.chooseImage({
count: 9, // 最多可以选择的图片张数,默认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
}
最新文章
- SQL Server 2008 R2 Developer (x86, x64, ia64) – DVD (Chinese-Simplified)
- 命名空间 - PHP笔记
- PHP5中使用PDO连接数据库的方法
- 如何使用git 跟进项目进程
- C# 调用系统winmm.dll 播放音乐wav mp3
- PostgreSQL Replication之第十章 配置Slony(1)
- wp8.1 Study7: ListView 和GridView应用
- CentOS 6.4 U盘启动问题的解决
- static inline
- 安装ECMall后报PHP Strict Standards错误,请问如何解决
- 「译」如何正确学习JavaScript
- A - Prime Ring Problem(素数环,深搜,打表)
- Bootstrap 使用清单组组件创建价格表
- [2017-08-16]ABP系列——QuickStartB:正确理解Abp解决方案的代码组织方式、分层和命名空间
- 【开发技术】 B/S、C/S的区别
- RabbitMQ 在 web 页面 创建 exchange, queue, routing key
- Django之setting文件
- 使用fastreport以代码方式创建报表
- NUC972---Linux驱动开发
- 进阶ES6 点滴认知
热门文章
- Vue项目的配置项
- websokect的原理
- Android 开发 框架系列 OkHttp文件下载功能实现(含断点续传)
- arc098D Xor Sum 2
- soj116 快乐串
- npm与cnpm两者之间的区别是什么?
- tornado接收ajax的post请求报错WARNING:tornado.access:405 OPTIONS /add
- win7防火墙里开启端口的图文教程 + SNMP测试感触
- System.Web.Mvc.ActionResult.cs
- (2)python tkinter-按钮.标签.文本框、输入框