微信小程序 > 微信公开课 > 微信浏览器部分手机lt;input无法插入图片
微信小程序,微信公开课,微信浏览器部分手机lt;input无法插入图片

微信浏览器部分手机lt;input无法插入图片

2019-03-15 18:14:06

微信公开课小程序热门讨论关于「微信浏览器部分手机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无法插入图片」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
微信小程序,微信公开课,微信浏览器部分手机lt;input无法插入图片

「微信浏览器部分手机lt;input无法插入图片」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「微信浏览器部分手机lt;input无法插入图片」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「微信浏览器部分手机lt;input无法插入图片」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「微信浏览器部分手机lt;input无法插入图片」

微信公开课小程序热门讨论「微信浏览器部分手机lt;input无法插入图片」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「微信浏览器部分手机lt;input无法插入图片」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。