微信小程序拍照或从相册选取图片上传代码实例

2023-08-15 17:46:04 285

//pages/upload/upload.js Page({ data:{ imgData:[] }, uploadPhoto(e){//拍摄或从相册选取上传 letthat=this; wx.chooseImage({ count:1,//默认9 sizeType:['compressed'],//可以指定是原图还是压缩图，默认二者都有 sourceType:['album','camera'],//可以指定来源是相册还是相机，默认二者都有 success(res){ lettempFilePaths=res.tempFilePaths;//返回选定照片的本地路径列表 that.upload(that,tempFilePaths); } }) }, upload(page,path){//上传图片 wx.showToast({icon:"loading",title:"正在上传……"}); wx.uploadFile({ url:'上传图片接口url',//后端接口 filePath:path[0], name:'file', header:{ "Content-Type":"multipart/form-data" }, success(res){ if(res.statusCode!=200){ wx.showModal({title:'提示',content:'上传失败',showCancel:false}); return; }else{ console.log("上传成功！可对返回的值进行操作，比如：存入imgData；"); } }, fail(e){ wx.showModal({title:'提示',content:'上传失败',showCancel:false}); }, complete(){ wx.hideToast();//隐藏Toast } }) } })

//pages/publish/publish.js Page({ data:{ imgData:[] }, uploadPhoto(e){//拍摄或从相册选取上传 letthat=this; wx.chooseImage({ count:9-that.data.imgData.length,//默认最多上传9张 sizeType:['compressed'],//可以指定是原图还是压缩图，默认二者都有 sourceType:['album','camera'],//可以指定来源是相册还是相机，默认二者都有 success(res){ lettempFilePaths=res.tempFilePaths;//返回选定照片的本地路径列表 that.upload(that,tempFilePaths); } }) }, upload(page,path){//上传图片 letthat=this; wx.showToast({icon:"loading",title:"正在上传……"}); for(vari=0;i

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

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

微信小程序 拍照或从相册选取图片上传代码实例

热门推荐

随机推荐

微信小程序拍照或从相册选取图片上传代码实例