показать имена файлов и позволить пользователю удалить файлы перед отправкой формы

Я работаю над веб-страницей, где пользователю нужно загружать файлы и отправлять их вместе с каким-то сообщением. Первое, что я заметил, это когда мы хотим загрузить файл или отправить вложение (одно или несколько), нам нужно использовать строку ниже код:

<input type = "file" name="file" file-model="file" multiple/>

С помощью приведенного выше кода, когда пользователь выбирает более одного файла, он не отображает имена файлов на веб-странице, а показывает 2 файла, если выбрано 2 файла. Я хочу показать имена файлов, и пользователь должен иметь возможность удалить файл перед отправкой, если он хочет удалить его перед отправкой формы (точно так же, как мы это делаем во вложениях электронной почты).

образец плунжера: https://plnkr.co/edit/Le6edwhX3Bye6E2XwIhd?p=preview

Любые сведения о том, как это сделать с помощью angularjs.


person user8373379    schedule 22.06.2018    source источник
comment
Ваш ПЛНКР не проявляет никаких усилий. Файл JS пуст.   -  person georgeawg    schedule 23.06.2018
comment
См. Как отправлять двоичные файлы POST с помощью AngularJS (с загрузкой DEMO) для демонстрации того, как выбирать файлы в AngularJS и отображать их имена.   -  person georgeawg    schedule 23.06.2018


Ответы (1)


Я бы рекомендовал использовать BlueImp Angular File Uploader: https://blueimp.github.io/ Это позволит вам чтобы сделать это вместе с другими интересными вещами, такими как перетаскивание и загрузка ajax

Вот демонстрация: https://blueimp.github.io/jQuery-File-Upload/ < / а>

Кроме того, похоже, что есть разновидность Angular JS: https://blueimp.github.io/jQuery-File-Upload/angularjs.html.

person Tom G    schedule 22.06.2018