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

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 

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


  • 2020-01-18 08:54:06

    利用localStorage来处理你的Javascript脚本错误

    localStorage作为HTML5中的新特性,它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西,的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。

  • 2020-01-20 08:29:14

    js如何生成唯一标识符UUID

    在JavaScript中生成uuid的代码如下,这个函数会直接给你返回uuid,所以直接调用,然后用变量接收即可!

  • 2020-01-30 11:19:58

    Android中添加两个(多个)FileProvider节点问题

    我们知道在android7.0,修改了对私有存储的限制,导致在获取资源的时候,不能通过Uri.fromFile(..)来获取uri了,但是在写入数据的时候是可以通过Uri.fromFile(..)来获取uri的,android 官网给出的解决办法是通过FileProvider来解决这一问题,我们需要在AndroidManifest.xml 配制provider节点。