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

2018-12-06 18:02:22

七牛js上传图片,小米手机,没有应用可执行操作

没有应用可执行操作


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


代码如下:


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

1

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




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


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

1

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


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

1

因此只需要把


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

1

改为


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

1

完美解决~

--------------------- 

作者:艾瑞-Arin 

来源:CSDN 

原文:https://blog.csdn.net/r1283/article/details/53463274 

版权声明:本文为博主原创文章,转载请附上博文链接!


  • 2021-01-16 09:45:19

    tabbar的titlePositionAdjustment设置文字距离

    指定相应的数据去偏移一个位置,向右或者向下为正值,向左或者向上为负值,不过首先你得有一个相对位置的坐标。而tabbarItem文字的坐标是底部为x轴,y轴则是tabbarItem的centerX;

  • 2021-01-16 09:49:13

    Cocoapods如何查看项目中引入库的版本号

    项目中已经安装过Cocoapods,并生成了Podfile.lock文件。 打开终端,cd命令切换到项目中的Podfile.lock文件目录下,执行命令:cat Podfile.lock 即可。也可以用文本方式打开 Podfile.lock 文件。示例如下:

  • 2021-01-18 13:50:21

    vue实现粘贴功能

    paste事件就是粘贴事件 需要通过clipboardData获得粘贴的内容

  • 2021-01-18 15:12:57

    flex和inline-flex区别

    flex: 将对象作为弹性伸缩盒显示 inline-flex:将对象作为内联块级弹性伸缩盒显示