IOS环境中微信小程序上传图片有概率出现图片不全的问题

微信公开课小程序热门讨论关于「IOS环境中微信小程序上传图片有概率出现图片不全的问题」的小程序开发问题
补充:IOS环境中微信小程序上传图片有概率出现图片不全的问题
展开:当前Bug的表现IOS环境中微信小程序上传图片有概率出现图片不全的问题预期表现IOS环境中微信小程序上传图片都是完整的复现路径提供一个最简复现Demo<viewclass=imgUploadimgUploadcontentstyle=height:100%;{{title?paddingbottom:60rpx;:}}boxsizing:borderbox;<imageclass=showimagebindtap=previewImagemode=scaleToFillhidden={{!(pram[innerId]!=null&&pram[innerId]!=undefined)}}src={{pram[innerId]}}datasrc={{pram[innerId]}}<image<imageclass=showimageplaceholderbindtap=gotoShowmode=scaleToFillhidden={{pram[innerId]!=null&&pram[innerId]!=undefined}}src={{defaultImg}}<image<viewstyle={{title==?bottom:0:}}dataid={{innerId}}bindtap=gotoShowclass=clear上传<view<viewclass=auifontsize12auitextcenterstyle=lineheight:60rpx{{title}}<view<view<viewstyle=position:fixed;top:999999999999999999999rpx;width:{{cvswidth}}px;height:{{cvsheight}}px;<canvascanvasid={{innerId}}style=width:{{cvswidth}}px;height:{{cvsheight}}px;background:fff;<canvas<viewimage{maxwidth:100%;display:block;}showimage{width:100%;height:100%;padding:08rpx;boxsizing:borderbox;}clear{backgroundcolor:rgba(0,0,0,05);color:f5f5f5;position:absolute;bottom:60rpx;left:8rpx;right:8rpx;}imgUpload{overflow:hidden;position:relative;}@mediaonlyscreenand(maxwidth:320px){imgUpload{height:4rem;}}@media(maxwidth:360px)and(minwidth:321px){imgUpload{height:45rem;}}@media(maxwidth:620px)and(minwidth:361px){imgUpload{height:5rem;}}***自定义图片上传插件*使用方法：*<dialogbind:imgupload=imguploadinnerid=picture3innertext=请上传示例图片server=advertuploadplaceholder={{!prampicture?https:glfabuliancnwximageuploadimgjpg:prampicture3}}<dialog属性说明：imgupload：上传图片后接收图片路径的函数innerid：图片唯一idserver：图片上传的服务器路径（pathname）placeholder：预览的图片（自行判断显示预览图片）title：模块的显示标题（可选）innertext:模块上传描述（可选）img：模块的显示图片（可选）source：以拍照或者上传的方式上传图片（可选，默认两者兼有）*未解决问题，安卓会二次压缩图片导致图片模糊constupng=require(scriptUPNGjs);constapp=getApp();Component({options:{multipleSlots:true在组件定义时的选项中启用多slot支持},***组件的属性列表*properties:{innerId:{type:String,value:,},title:{type:String,value:,},innerText:{type:String,value:,},server:{type:String,value:,},placeholder:{type:String,value:https:glfabuliancnwximageuploadimgjpg,observer:function(e){letpram=thisdatapram;pram[thispropertiesinnerId]=ethissetData({pram:pram})}}},***组件的初始数据*data:{defaultImg:https:glfabuliancnwximageuploadimgjpg,imgUrl:appserverimgUrl,opacity:0,cvs:{width:720,height:720},pram:newObject},***组件的方法列表*methods:{onLoad:function(e){thissetData({defaultImg:thispropertiesplaceholder})},***照片上传*gotoShow:function(e){const_this=this;wxchooseImage({count:1,最多可以选择的图片张数，默认9sizeType:[compressed],original原图，compressed压缩图，默认二者都有success:function(photo){wxgetImageInfo({src:phototempFilePaths[0],success:function(item){constphoto_canvas=ecurrentTargetid;createCanvasletctx=wxcreateCanvasContext(photo_canvas,_this);letwidth=itemwidth;letheight=itemheight;_thissetData({cvs:{width:width,height:height}})ctxdrawImage(phototempFilePaths[0],0,0,width,height)将图片填充在canvas上ctxdraw(false,()={2获取图像数据，API190wxcanvasGetImageData({canvasId:photo_canvas,x:0,y:0,width:width,height:height,success(res){3png编码letpngData=upngencode([resdatabuffer],reswidth,resheight);4base64编码letbase64=wxarrayBufferToBase64(pngData);          letbodyParms={}         bodyParms[item]=data:imagegif;base64,+data;         _thissetData({          pram:bodyParms})},fail:function(error){consolelog(error)},},_this)})}})},fail:function(){fail},complete:function(){complete}})},图片预览previewImage:function(e){varcurrent=etargetdatasetsrc;wxpreviewImage({current:current,当前显示图片的http链接urls:[current]需要预览的图片http链接列表})},clear:function(e){varcurrent=ecurrentTargetdatasetid;varpram=thisdatapram;pram[current]=null;thissetData({pram:pram,defaultImg:https:glfabuliancnwximageuploadimgjpg})},}})即速小程序：提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml）
更多有关「IOS环境中微信小程序上传图片有概率出现图片不全的问题」的讨论可以前往微信公开课小程序参与互动哦！