bootstrap-fileinput踩坑-选择文件类型

简介: bootstrap-fileinput踩坑-选择文件类型

在使用插件上传图片的 时候会遇到这样 的一个bug,进入一个文件夹选择图片的时候,会自动选择png格式的图片,同一目录底下的,其他格式jpg,gif等类型会被自动屏蔽,这个时候就会造成用户操作的不便。


那么,该如何修改让上传图片,图片选择的时候自动选择所有图片?


注意到这样的一个属性accept 属性

accept 属性则是在点击选择文件之后,文件框里只会出现你写在accept 属性的后缀名的文件。

插件的部分属性说明

accept 属性只能与 <input type="file"> 配合使用。
它规定能够通过文件上传进行提交的文件类型。
这个属性和插件allowedFileExtensions属性看起来一样

图一:

加上accept 属性

<input type="file" name="image"  id="uploadImage"  accept="image/png,/image/jpeg,/image/jpg" />

图二:

去掉accept 属性

<input type="file" name="image"  id="uploadImage"  />
相关文章
|
前端开发 内存技术
继续啃boostrap上传组件的uploadify
不管在哪个系统中,上传肯定是必不可少的,上一篇文章中介绍了uploadify中typeaheader用法,但是仍然存在一些用法,例如,Ajax和上一篇文章中的方法都是在上传一张图片就刷新了,然而很多情况下是上传一堆图片之后才刷新,所以继续研究。
81 0
继续啃boostrap上传组件的uploadify
|
前端开发 JavaScript Java
关于富文本编辑器—UEditor(java版)的使用,以及如何将UEditor的文件/图片上传路径改成绝对路径
突然发现好久没写博客了,感觉变懒了,是要让自己养成经常写文章的习惯才行。既可以分享自己的所学,和所想,和大家一起讨论,发现自己的不足的问题。 大家可能经常会用到富文本编辑器,今天我要说的是UEditor的使用,这是一个简单易用的开源富文本编辑器。
3428 0
|
JavaScript 前端开发 内存技术
|
JavaScript 前端开发 Java
bootstrap fileinput插件使用感悟
bootstrap fileinput 的填坑感悟              这个插件在demo的网站地址http://plugins.krajee.com/file-preview-icons-demo;不得不承认这个插件很强大,作为一个文件上传插件做到了预览,而且还支持国际化,但是唯一的缺点就是api烂的到极点(应该说没有API)。
2753 0
|
JavaScript 前端开发 PHP
***Bootstrap FileInput插件的使用经验汇总
插件下载地址: https://github.com/kartik-v/bootstrap-fileinput/ 官方DEMO查看: http://plugins.krajee.com/file-basic-usage-demo   JQ上传插件汇总:http://www.
2689 0
|
存储 前端开发 JavaScript
BootStrap fileinput.js文件上传组件实例代码
1.首先我们下载好fileinput插件引入插件 ? 1 2 3 2.html设置: ? 1 2 3    3.
1827 0