Today I would like to dwell on very popular question asked by our customers. How to organize sending additional data along with files in Image Uploader. It can be very helpful if your website requires some metadata along with files like tags, name of a set to associate the file on server side, etc.
From our perspective we see this task consisting of 3 big portions: 1) displaying and associating data with files selected for upload in Image Uploader, 2) entering data by end-users, and 3) sending data along with files to server-side. Let’s examine approaches to implementing each of them.
Displaying additional data in Image Uploader
Custom upload pane
Additional data inside Image Uploader
Version 7 introduced new way of displaying custom information inside Image Uploader. Now each file in Image Uploader can be accompanied with a custom text. It is formatted in HTML, set through API and rendered inside the control next to each file selected for upload. This way is much simpler than custom HTML pane and requires less coding. The approach is used in the Photo Order demo application available on our web site and redistributed with the product.
How End-users Populate Selected Files with Additional Data
It is not enough to display any data beneath or near selected files, it is very important to give end-users convenient way to fill in data during upload process. User interface layout will depend on which of two ways you implement in your application.
If you stick with custom HTML panel, layout can be anything you want since it is pure HTML and you can use any input fields available there.
Sending Data to Server
That’s the idea. I guess having documentation and two ready-to-use sample applications will help you to choose the way to implement sending additional data and will give you good starting point for implementation. If you have any questions, feel free to contact our support team, they will be glad to assist you with that.