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 any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
https://blueimp.github.io/jQuery-File-Upload/
MIT License
30.96k stars 7.96k forks source link

Multiple fileupload widgets with multiple dropzones each. Possible? #1555

Closed SDe1989 closed 12 years ago

SDe1989 commented 12 years ago

Hi, First, thanks again (I had posted a query sometime ago you helped resolve) for this excellent widget and the wonderful job you are doing in supporting it.

There is a requirement in my current project that will require me to have a fileupload widget with multiple drop-zones, each with different file type and/or file limit restrictions, and there will be multiple such widgets themselves, each with drop-zones of different file-limit and filetypes. Say the user selects a certain option A (radio), he gets to drop/select 2 images and 1 txt file. If he selects B instead, he gets to select 5 xml files and 3 exes (just for example). It is preferable if each filetype has its own discrete drop-zone within the widget, but if it can be somehow implemented within the same drop-zone (different limits for different filetypes) that could work too.

My question is, is this possible, and if it is, can you direct me to the resource that can help me in such an implementation?

Thanks again.

sjzurek commented 12 years ago

Hi, I've got same problem here. On one page I have 5 boxes where you drop files to upload. Each upload is separate and triggers some other js code on finish. User uploads 1st pic of a car - it triggers ANPR sftware (then it pulls data from DVLA to get make, model & colour). Other four pics will have pattern recognition as they need to contain some patterns on picture (otherwise it will be rejected). How do I separate the uploads on a page? I assume it has to do with dropZone option, but how do I trigger different actions after uploading corresponding picture?

Thanks, Simon.

blueimp commented 12 years ago

Please read: https://github.com/blueimp/jQuery-File-Upload#support