javascript - Assign multiple images (files) from one file input to another file input(s) - upload -


i have successful upload code works perfect using ajax when select each file upload dialog. each upload has own form , input file (button upload) seen below. current code uploads files sequentially user can select more 1 photo but not together & use queuing algorithm settimeout in javascript check if first upload finishes start second upload, third, , on.

<form id="form1">     <input type="file" id="userfile1" name="userfile[]" multiple/> </form>  <form id="form2">     <input type="file" id="userfile2" name="userfile[]" multiple/> </form> . . . 

the problem now, when select multiple images upload (let's 2 images using ctrl), using first input file, them in array:

document.getelementbyid('userfile1').files;  

so now, how can assign second image selected second input file

userfile2 

because want resume upload before? not working me , read there security concerns update input file, need assign user selected, not path.

i don't want use fromdata ajax lead change code , not compatible browsers code.

thanks lot help!

it not possible assign file object input type="file" element using javascript . file object should selected user. possible select single or mutiple file objects filelist returned multiple file selection , send selected file server separate process

document.queryselector("input[name=files]")    .addeventlistener("change", function(event) {      var files = array.prototype.slice.call(event.target.files),        filtered = [];      (var = 0; < files.length; i++) {        if (i > 0) filtered.push(files[i])      };      if (filtered.length) {        console.log(files, filtered);        filtered.foreach(function(file) {          // stuff        })      }    })
<input name="files" type="file" accept="image/*" multiple="true" />


the problem now, when select multiple images upload (let's 2 images using ctrl), using first input file, them in array

note, filelist object returned multiple files being selected not array .

see input file array javascript/jquery , trigger click on input=file on asynchronous ajax done() , simulate drop file event


Comments

Popular posts from this blog

java - Suppress Jboss version details from HTTP error response -

gridview - Yii2 DataPorivider $totalSum for a column -

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