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編程學習資源乾貨免費送。

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