一、使用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
}

最新文章

  1. SQL Server 2008 R2 Developer (x86, x64, ia64) – DVD (Chinese-Simplified)
  2. 命名空间 - PHP笔记
  3. PHP5中使用PDO连接数据库的方法
  4. 如何使用git 跟进项目进程
  5. C# 调用系统winmm.dll 播放音乐wav mp3
  6. PostgreSQL Replication之第十章 配置Slony(1)
  7. wp8.1 Study7: ListView 和GridView应用
  8. CentOS 6.4 U盘启动问题的解决
  9. static inline
  10. 安装ECMall后报PHP Strict Standards错误,请问如何解决
  11. 「译」如何正确学习JavaScript
  12. A - Prime Ring Problem(素数环,深搜,打表)
  13. Bootstrap 使用清单组组件创建价格表
  14. [2017-08-16]ABP系列——QuickStartB:正确理解Abp解决方案的代码组织方式、分层和命名空间
  15. 【开发技术】 B/S、C/S的区别
  16. RabbitMQ 在 web 页面 创建 exchange, queue, routing key
  17. Django之setting文件
  18. 使用fastreport以代码方式创建报表
  19. NUC972---Linux驱动开发
  20. 进阶ES6 点滴认知

热门文章

  1. Vue项目的配置项
  2. websokect的原理
  3. Android 开发 框架系列 OkHttp文件下载功能实现(含断点续传)
  4. arc098D Xor Sum 2
  5. soj116 快乐串
  6. npm与cnpm两者之间的区别是什么?
  7. tornado接收ajax的post请求报错WARNING:tornado.access:405 OPTIONS /add
  8. win7防火墙里开启端口的图文教程 + SNMP测试感触
  9. System.Web.Mvc.ActionResult.cs
  10. (2)python tkinter-按钮.标签.文本框、输入框