小米华为手机自带浏览器上传图片提示:没有应用可执行操作

当使用小米手机、华为手机自带浏览器上传图片时,会提示:没有应用可执行操作。最初以为是上传组件的问题,后来发现用原生的表单上传是没有问题的。通过对比发现是多了个accept属性。

代码如下:

type="file" class="fileinput-input" accept=".jpg,.jpeg,.png">

其他浏览器下都正常,但是在小米和华为自带浏览器选择文件,则出现如下图提示:

小米华为手机自带浏览器上传图片提示:没有应用可执行操作_第1张图片

出现以上问题的原因是因为accept属性的值的写法问题:这种写法应该是js的习惯。html属性介绍标准写法如下:

type="file" class="fileinput-input" accept="image/jpeg,image/jpg,image/png">

如果不限制图像的格式,可以写为:

type="file" class="fileinput-input" accept="image/*">

因此只需要把

accept=".jpg,.jpeg,.png"

改为

accept="image/jpeg,image/jpg,image/png"

完美解决~

你可能感兴趣的:(HTML,JAVASCRIPT,浏览器,小米,华为,图片,上传图片)