jquery plugins - Parallel uploads for multiple images using DropzoneJS -

-

at present have working dropzonejs implementation user can select multiple images , upload them. there parameter paralleluploads seems in practice determine how many images can uploaded @ once, example when select files dialog opened if user selects 10 files, paralleluploads:5 first 5 images upload , remaining 5 ignored, , 5 images sent via single http post request.

what able configure there no limit how many images uploaded, uploaded in batches. example, if user selects 30 images, them uploaded successfully, either 1 image per http post request or defined number per http post such 5. if set paralleluploads:30 server requires vast amount of memory try , server-side processing on 30 images in 1 go , doesn't seem great solution.

how can configure launch separate http post request per image or defined number of images @ once without capping number of images being uploaded in 1 action user?

<link rel="stylesheet" type="text/css" href="dropzone.css" media="all" /> <script type="text/javascript" src="dropzone.min.js"></script>  <div id="pnlphotothumbnails"></div> <div class="clearfix">   <form id="frmupload" method="post" enctype="multipart/form-data"         action="photo-upload.json" class="dropzone">     <input type="file" name="photo" id="photo" />   </form> </div>  <style type="text/css"> #frmupload input[type=file]{display:block;height:0;width:0;} </style>  <script type="text/javascript"> function refreshphotos(){ $('pnlphotothumbnails').load('photo-thumbnails.php'); } $(function(){   $('frmupload').dropzone({     acceptedfiles: '.jpg',     paralleluploads: 5,     init:function(){       var hdropzone = this;       this.on('success', function(){ refreshphotos(); hdropzone.removeallfiles(); });     }   }); }); </script>

note: above example code similar implementation have, though i've edited make question general rather specific project, , sufficient code give idea of how works bear in mind not complete , functional snippet! photo-upload.json server-side script process file upload , return json succcess/error response, photo-thumbnails.php return html <img/> tags each of photo thumbnails.

it turns out following configuration solve this, when in specific case allow 100 files uploaded in 1 user action, individual http post request each image upload.

as of dropzonejs version 4.0, not appear possible (correct me if i'm wrong) set number of files allowed uploaded in 1 go unlimited, or define number of images batch together, either uploaded or uploaded separately:

paralleluploads: 100, uploadmultiple: false

Comments

Post a Comment

Popular posts from this blog

java - Suppress Jboss version details from HTTP error response -

-
my jboss verson jboss eap 6.3 when kind of error response sent jboss, adds server information response. following sample row response: http/1.1 400 bad request server: apache-coyote/1.1 content-type: text/html;charset=utf-8 content-length: 2391 date: tue, 19 jul 2016 09:30:46 gmt connection: close jboss web/7.4.8.final-redhat-4 - jbweb000064: error report jbweb000065: http status 400 - org.codehaus.jackson.map.jsonmappingexception: can not construct instance of mybean.type string value 'xyz': value not 1 of declared enum instance names @ [source: org.jboss.resteasy.core.interception.messagebodyreadercontextimpl$inputstreamwrapper@5e421c2b; line: 14, column: 26] (through reference chain: requestargs["request"]) jbweb000309: type jbweb000067: status report jbweb000068: message org.codehaus.jackson.map.jsonmappingexception: can not construct instance of mybean.type string value 'xyz': value not 1 of declared enum instance names @ [source: org.jboss...
Read more

gridview - Yii2 DataPorivider $totalSum for a column -

-
i have order , ordersearch models. in order list (actionindex) gridview there filtering , sorting. on of columns in order order_total (sum of products in order). i need implement sum of order_total in gridview. if manually counting activedataprovider->getmodels() array_map spend 3 seconds 3000 orders (localhost). don't want miss time. i see 2 ways make faster: create cache every filter , update lifetime (horrible) the interesting can right in ordersearch->search() method $query method. don't understand how can pass in controller. example of code 2nd way: class ordersearch extends order { public $totalsum; public function search($params) { $query = order::find(); $dataprovider = new activedataprovider([ 'query' => $query, ]); $this->load($params); $this->totalsum = $query->sum('order_total'); // works fast return $dataprovider; } } after i...
Read more

Sass watch command compiles .scss files before full sftp upload -

-
i use winscp download , edit .scss files , sass on linux (on server) compile them .css . after saving file, use: sass scss/style.scss css/style.css , replaces css file compiled sccs. the problem i want skip part return command line after editing scss file, sake of automation , saving time. but, if use watch command: sass --watch scss/style.scss:css/style.css synchronize 2 files, alerts nonexistent css errors pop up: change detected to: scss/style.scss error scss/style.scss (line 232: invalid css after "...ht: bold; line-": expected "{", "") note that when file uploads quicker usual (sometimes happens) watch command job, no errors. this because, when file upload takes time, sass compiles scss file (on server) before uploaded remote folder. thus, compiles part of file, resulting in css errors. is there way set timer watch command waits few seconds after detects changes , before compiling? any other way overcome is, of course, ...
Read more