Edit file description of uploaded files by bootstrap file input?

Question

0.00/5 (No votes)

See more:

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.

Posted 11-Mar-19 21:38pm

Momoko Asahina 708H

Updated 12-Mar-19 5:16am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Bryian Tan · Answer 1 · 2019-03-12T05:16:00

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[^]