微信小程序 chooseImage选择图片或者拍照
程序员文章站
2022-06-25 08:41:07
微信小程序 chooseimage选择图片或者拍照
一、使用api wx.chooseimage(object)
var util = require('../...
微信小程序 chooseimage选择图片或者拍照
一、使用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 }
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!