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"  />

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚,欢迎关注【编程微刊】公众号,回复【领取资源】,500G编程学习资源干货免费送。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章