显示文件名并允许用户在提交表单之前删除文件

Question

我正在一个网页上，用户需要上传文件并将其与一些消息一起发送。 我注意到的第一件事是，当我们要上传文件或发送附件（单个或多个）时，我们需要使用以下代码行：

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

使用以上代码，当用户选择多个文件时，如果选择了2个文件，则不会在网页上显示文件名，而是显示2个文件。我想显示文件名，如果用户想在提交表单之前将其删除（就像我们在电子邮件附件中所做的一样），则用户应该能够在发送之前删除该文件。

样品塞：https://plnkr.co/edit/Le6edwhX3Bye6E2XwIhd?p=preview

有关如何使用angularjs进行输入的任何信息。

Answer 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