首页 > 编程知识 正文

微信小程序和网页哪个开发难,微信小程序上传图片功能

时间:2023-05-05 20:21:13 阅读:31693 作者:3406

applet提供用于选择图像的界面wx.chooseImage,可以从相册中进行选择和拍照,但在上传图像的界面wx.uploadFile中,一次只能上传一个文件所以上传照片的时候单张和多张有点不同。

1.上传单张图片

data:{ imgsrc:'' //在页面上显示照片},addImg:function () { let that=this; let imgsrc=that.data.imgsrc; wx.chooseimage({count:1, //可以选择的最大图像数量为默认9success3360function(RES ) that.setdata ) imgsrc:RES.tempfilepaths(0) )/将图像上传到服务器wx.uploadfile ) (url33330 ) )上file path : RES.tempfile paths [0],name:'file ',formData:{ }

data:{ imgArr:[]},//添加照片add img : function (} { var that=this; var imgArr=this.data.imgArr; wx.choose image (count :9-imgarr.length,//最大可选图像数量,默认9success3360function(RES ) var img src=RES.tempfileppione that.setdata(imgarr:imgarr ) (that.uploadimg ); ()、//图像uploadimg:function ) ) { var that=this,imgArr=this.data.imgArr; this.uploading({URL: ',path:imgArr,//imgpic:[] },uploading3360function ) data ) var that=data . data.succcess:0,故障=data .故障? data.fail:0; var imgpic=data.imgpic; wx.uploadfile(URL:data.URL,filePath:data.path[i],name:'file ',formData:{},succcess 3360 ) //vars=JSON.parse(resp.data ); //imgpic.push(s.data.InfoPath ); //that.setdata (//img pic 3360 img pic//) /这里可能有错误。 因为即使失败也要运行这里,所以这里在后台返回的状态代码应该是成功的。 这里的success为1 )、fail3360 ) ) ) ) ),console.log(fail:(I ) fail: ) fail ),complete: 停止调用if(I==data.path.length ) (/图像上传完成,console.log )“运行完成”); console.log ('成功: ' success '失败: ' fail ); (else(/图像为data.i=i; data.success=success; 数据.故障=故障; //data.imgpic=imgpic; that.uploading (数据) } }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。