微信公开课
微信公开课小程序热门讨论关于「微信浏览器部分手机lt;input无法插入图片」的小程序开发问题
补充:微信浏览器部分手机
展开:https:wwwcwhdshcomfrontaboutUserjump?id=10951&url=writeOpinion12号后有用户反馈无法插入图片~机型是华为mate20pro、华为荣耀V9,测试了一下,发现选择图片后回调为空微信浏览器<formmethod=postenctype=multipartformdataid=file_upload <p图片预览:<p <divid=testimagepreview<div <p <inputtype=fileid=testimagefilename=testaccept=imagegif,imagejpeg,imagepng,imagejpg <p <pid=testfileinfo<p<formfileInput=documentgetElementById(testimagefile), info=documentgetElementById(testfileinfo), preview=documentgetElementById(testimagepreview); 监听change事件: fileInputaddEventListener(change,function(){ 清除背景图片: previewstylebackgroundImage=; 检查文件是否选择: if(!fileInputvalue){ infoinnerHTML=没有选择文件; return; } 获取File引用: varfile=fileInputfiles[0]; 判断文件大小 varsize=filesize; if(size=1*1024*1024){ alert(文件大于1兆不行!); returnfalse; } 获取File信息: infoinnerHTML=文件:+filename+<br+ 大小:+filesize+<br+ 修改:+filelastModifiedDate; if(filetype!==imagejpeg&&filetype!==imagepng&&filetype!==imagegif){ alert(不是有效的图片文件!); return; 读取文件: varreader=newFileReader(); readeronload=function(e){ vardata=etargetresult;data:imagejpeg;base64,9j4AAQSk(base64编码)} previewstylebackgroundImage=url(+data+); }; 以DataURL的形式读取文件: readerreadAsDataURL(file); consolelog(file); } })用这个测试的时候fileInputvalue都是空的,显示“没有选择文件”
更多有关「微信浏览器部分手机lt;input无法插入图片」的讨论可以前往微信公开课小程序参与互动哦!了解更多
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「微信浏览器部分手机lt;input无法插入图片」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「微信浏览器部分手机lt;input无法插入图片」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「微信浏览器部分手机lt;input无法插入图片」
微信公开课小程序热门讨论「微信浏览器部分手机lt;input无法插入图片」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「微信浏览器部分手机lt;input无法插入图片」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。