通过bootstrap文件输入编辑上传文件的文件描述？ [英] Edit file description of uploaded files by bootstrap file input?

问题描述

您好。我正在维护一个系统并满足用户希望能够编辑其上传图片描述的请求。用户可以一次上传多张照片并编辑其描述并将其保存到数据库中。客户想要在每张上传的照片下看到Textarea，但我发现在使用bootstrap文件输入时可能无法实现。

有人可以教我如何制作或指导我如何使用另一种解决方案吗？ br $> b $ b

我尝试过：



Google：bootstrap文件输入编辑标题描述注释

但我没有看到合适的解决方案。

解决方案

你可以尝试 jQuery文件上传插件。我之前在我的一个项目中尝试过，其中每个上传文件必须伴随描述，注释和其他下拉选择。我建议从Github下载源代码/示例代码，然后自定义模板，看看它是如何工作的，然后将其集成到当前的应用程序中。



这是演示（注意：没有附加字段）：

jQuery文件上传演示 [ ^ ]



自定义 - 关于如何为每个上传文件添加额外字段的示例

如何提交额外的表单数据·blueimp / jQuery-File-Upload Wiki·GitHub [ ^ ]



以下是来源：

GitHub - blueimp / jQuery-File-Upload：F ile上传小部件，包含多个文件选择，拖放支持，进度条，验证和预览图像，jQuery的音频和视频。支持跨域，分块和可恢复文件上传。适用于 [ ^ ]

Hello. I am maintaining a system and meet a request that user want to be able to edit the descriptions of their uploaded pictures. Users may upload several photos one time and edit their descriptions and save it to database. The customers want to see a Textarea under each uploaded photos but I found it may impossible when using bootstrap file input.
Could someone teach me how to make it or guide me how to go by another solution?

What I have tried:

Google: bootstrap file input edit caption description comments
but I didn't see suitable solutions.

解决方案

You can try the jQuery File Upload plugin. I tried it before on one of my project where each upload file must be accompany by description, comments and other dropdown selection. I would suggest download the source / sample code from Github, then customize the template, see how it works and then integrate it into your current application.

Here is the demo (note: without additional field):
jQuery File Upload Demo[^]

Customize - Example on how to add additional field to each upload file
How to submit additional form data · blueimp/jQuery-File-Upload Wiki · GitHub[^]

Here is the source:
GitHub - blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with an[^]

这篇关于通过bootstrap文件输入编辑上传文件的文件描述？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！