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

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 

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


  • 2019-08-28 08:49:47

    Nginx + fastcgi + php 的原理与关系

    CGI对每个请求会parse一遍对应脚本的配置文件(如php.ini), 加载配置和扩展,初始化执行环境,性能非常差,所有有了下面的流程:

  • 2019-08-28 09:23:15

    php单例模式

    单例模式,是一种常见的软件设计模式。在应用这个模式时,单例对象的类必须保证只有一个实例存在。

  • 2019-08-28 22:45:02

    彻底搞懂Gradle、Gradle Wrapper与Android Plugin for Gradle的区别和联系

    Gradle是个构建系统,能够简化你的编译、打包、测试过程。熟悉Java的同学,可以把Gradle类比成Maven。Gradle Wrapper的作用是简化Gradle本身的安装、部署。不同版本的项目可能需要不同版本的Gradle,手工部署的话比较麻烦,而且可能产生冲突,所以需要Gradle Wrapper帮你搞定这些事情。Gradle Wrapper是Gradle项目的一部分。

  • 2019-08-30 21:53:51

    OpenSSL实践-Android下的编译和使用

    openssl可以编译成ARM下面的二进制代码(动态库或者静态库),方便APP使用,APP在使用的时候,需要使用JNI来进行调用。