1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 使用html制作选择相机中的图片 微信小程序chooseImage的用法(从本地相册选择图片或使

使用html制作选择相机中的图片 微信小程序chooseImage的用法(从本地相册选择图片或使

时间:2019-10-27 21:30:00

相关推荐

使用html制作选择相机中的图片 微信小程序chooseImage的用法(从本地相册选择图片或使

wx.chooseImage(OBJECT)

从本地相册选择图片或使用相机拍照。

OBJECT参数说明:

参数

类型

必填

说明

count

Number

最多可以选择的图片张数,默认9

sizeType

StringArray

original 原图,compressed 压缩图,默认二者都有

sourceType

StringArray

album 从相册选图,camera 使用相机,默认二者都有

success

Function

成功则返回图片的本地文件路径列表 tempFilePaths

fail

Function

接口调用失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。

success返回参数说明:

参数

类型

说明

最低版本

tempFilePaths

StringArray

图片的本地文件路径列表

tempFiles

ObjectArray

图片的本地文件列表,每一项是一个 File 对象

File 对象结构如下:

字段

类型

说明

path

String

本地文件路径

size

Number

本地文件大小,单位:B

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

}

})

}

二、图片路径进行数据绑定

点击上传照片

号外:

1、wx.chooseImage 调用相机或相册

2、 数据绑定

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

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

使用html制作选择相机中的图片 微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。