search

kartik-v / bootstrap-fileinput

An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
http://plugins.krajee.com/file-input
Other
5.36k stars 2.39k forks source link

Remove files one by one in multiple select #59

Closed airani closed 10 years ago

airani commented 10 years ago

Hi kartik, I want remove files one by one in multiple selection by bootstrap fileinput. What should i do or i can do this?

kartik-v commented 10 years ago

Similar query received earlier as well. Let me reiterate... this is unfortunately at this stage not in the scope of the extension. The plugin is intended intentionally to be SIMPLE and USE basic HTML5 features to achieve the interface you see. Basically this is an enhanced wrapper for the HTML5 file input using the HTML5 FileAPI via javascript. It is not intended to have any OVERHEADS of queuing files, or using FLASH or XHR2 or FormData (all of these do not have cross browser/device support OR they may affect security and involve tampering into client access or have significant performance overheads). There are many other plugins that allow you to do this though if you do a search for file upload plugins.

The native HTML5 FileInput is readonly (so you cannot selectively edit or delete files). The FileList object is readonly as well and cannot be modified with the FileAPI. Why? Read a similar query here or here.

The plugin exposes you to various events and style the input and sections using templates the way you want. So its helpful if you need to upload these to server or delete based on a specific user action. Or you can do a workaround and upload inputs to server and modify (if its ok for your app) using initialPreview feature of the plugin to show files.

But if you are still keen to actually edit the readonly input you can attempt building an ajax based upload or a gallery album functionality using JS over this.