php chooseimage,小程序上传图片和批量上传照片uploadFile,chooseImage--小程序走过的坑(4)-(最新版)...

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

demo

wx.chooseImage

参数

类型

必填

说明

count

Number

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

sizeType

StringArray

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

sourceType

StringArray

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

success

Function

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

fail

Function

接口调用失败的回调函数

complete

Function

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

success返回参数说明:

参数

类型

说明

最低版本

tempFilePaths

StringArray

图片的本地文件路径列表

tempFiles

ObjectArray

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

1.2.0

wx.chooseImage({

count: 1, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有

success: function (res) {

// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片

var tempFilePaths = res.tempFilePaths

}

})

批量上传照片代码

调用函数

that.uploadimg({

url: 'url', //这里是你图片上传的接口

path: tempFilePaths, //这里是选取的图片的地址数组

});

uploadimg: function (data) {

// console.log(data)

var arr = [];

var that = this,

i = data.i ? data.i : 0,

success = data.success ? data.success : 0,

fail = data.fail ? data.fail : 0;

if (data.path.length == 0) {

//没有照片

}else {

wx.uploadFile({

url: data.url,

filePath: data.path[i],

name: 'fileData',

formData: null,

success: (resp) => {

// console.log(resp)

success++;

//这里可能有BUG,失败也会执行这里

},

fail: (res) => {

fail++;

// console.log('fail:' + i + "fail:" + fail);

},

complete: () => {

// console.log(i);

i++;

if (i == data.path.length) { //当图片传完时,停止调用

// console.log('执行完毕');

// console.log(that.data.arr)

// console.log('成功:' + success + " 失败:" + fail);

} else {//若图片还没有传完,则继续调用函数

// console.log(i);

data.i = i;

data.success = success;

data.fail = fail;

that.uploadimg(data);//继续执行

}

}

})

}

}

47722015431e7bb18aae6f178289dc16.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值