全国咨询热线:18720358503

免费微信小程序分销_微信小程序封装多张图片上

类别:企业动态 发布时间:2021-01-06 浏览人次:

微信小程序封装多张图片上传api代码实例       这篇文章主要介绍了微信小程序封装多张图片上传api代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了微信小程序封装多张图片上传api代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

代码如下

export default class Upload{
 constructor(object) {
 this.obj = {
 count:1,
 sizeType:['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
 sourceType:['album','camera'], // 可以指定来源是相册还是相机,默认二者都有
 if(Object.prototype.toString.call(object) === "[object Object]"){
 Object.assign(this.obj, object);
 }else{
 uni.showToast({
 title: '参数必须为对象',
 icon:"icon",
 duration: 2000

let chooseImageResult = await this.chooseImage() console.log("选择图片",chooseImageResult) let imgArr = await chooseImageResult.tempFilePaths.map(async (item,index) = { uni.showLoading({ title: `正在上传第${index+1}张` let uploadFileResult = await this.uploadFile(item) console.log("上传图片过程",uploadFileResult) return getApp().globalData.img_prefix + uploadFileResult.data.file.url; return new Promise((resolve,reject) = { Promise.all(imgArr).then((result)= { uni.hideLoading(); uni.showToast({ title: '上传成功', icon:"none", duration: 2000 console.log("上传图片结果",result) resolve(result) uploadFile(file){ return new Promise((resolve, reject) = { uni.uploadFile({ url: 'upload/', //此处是你自己上传接口 filePath: file, name: 'file', success: function (res) { var data = res.data; resolve(JSON.parse(data)) fail: function (res) { reject("上传失败") complete: function (res) { uni.hideToast(); chooseImage(){ return new Promise((resolve,reject) = { uni.chooseImage({ count: this.obj.count,//1, // 默认9 sizeType: this.obj.sizeType,//['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: this.obj.sourceType,//['album','camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // console.log(res) resolve(res) fail:function(){ reject("选择文件失败") }

使用实例

let object = {
 count:1,
 sizeType:['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
 sourceType:['album','camera'], // 可以指定来源是相册还是相机,默认二者都有
let result = await new Upload(object).uploadPic();

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


下一篇:没有了

推荐阅读

免费微信小程序分销_微信小程序封装多张图片上

手机微信微信小程序封裝多个照片提交api编码案例 本文关键详细介绍了手机微信微信小程序封裝多个照片提交api编码案例,原文中根据实例编码详细介绍的十分详尽,对大伙儿的学...

2021-01-06
如何快速提升访客的对自己的信任

公司应当在企业网站建设时就必须让网站创建充足的信赖,让浏览量见到网站的同时就坚信网站内所谈及的內容。这就需要求公司在企业网站建设时让网站在有充足多的信息内容內容来...

2021-01-06
软件开发中的道德风险

APP服务平台开发设计、电子商务服务平台开发设计的总体处理计划方案服务广州市凡科APP开发设计企业出示超出5种流行开发设计服务,IOS开发设计、android开发设计,手机微信商城系统...

2021-01-06
微信小程序系列产品_vue完成员工信息录入功用

vue完成职工信息内容入录作用 本文关键为大伙儿详尽详细介绍了vue完成职工信息内容入录作用,原文中实例编码详细介绍的十分详尽,具备一定的参照使用价值,很感兴趣的小伙...

2021-01-06
广州凡科互联网科技股份有限公司招聘油脂销售

招聘人数:15职位信息岗位职责:1、根据公司发展需求,协助部门经理制定销售策略、销售计划、量化销售目标2、定期进行市场调研,收集信息,及时反馈客户需求和市场动态3、负责产...

2021-01-06
惠州品牌企业网站建设-深圳企业网站建设重在客

在飞快发展趋势的移动互联网网时期,深圳市手机上企业网站建设也是一种营销推广方法,它非常于公司在移动互联网在网上的实体线店,而当代社会发展大家无论是干什么要的全是...

2021-01-06
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信