前端杂谈 · Web

H5开发 上传图片提示”没有应用可执行操作”

小编 · 12月7日 · 2020年

场景描述

前端开发H5页面上传图片功能时,会出现此类情况:电脑端上传图片没有问题,转到手机移动端测试上传则无法执行,比如开发微信公众号H5页面,无法进入手机选择图片环节,提示“没有应用可执行操作”。

H5开发 上传图片提示”没有应用可执行操作”-字节智造
<input  style=" opacity: 0;width: 90px;height:30px;position: absolute;left:0px;" type="file" name="imgFile" id="imgFile_2" accept="*.jpg,*.png" "uploadIdNumberImgFun('2')"/>

这里是accept属性导致的:accept="*.jpg,*.png"

解决办法

方式一:

修改accept属性:

accept="image/jpg,image/png" 

此方式可能存在调取到手机相册,但是相册内的图片无法选择。

方式二:

修改accept属性:

accept="image/*"

推荐使用此方式,不会出现方式一的图片无法选择情况,并且支持相册内的所有格式图片。

0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!