How can i select images from brows file input without lost previously selected file?

Question

I am trying so many way but I am not solving by used simple browse file input please sugest me

Answer 1

Wildly guessing since I do not see your code, add each selected file to an array.

Answer 2

I am a little unclear what you're doing, but I've seen job websites handle multiple-select uploads (since people can upload CV/résumé, cover letter and certs) by immediately uploading each selection into a 'holding area' on the site.

I believe that's because the file-selector is one-shot. Perhaps to get around the confusion of telling people how to multiselect (hold down Control...? I'll have to check), they separate the file uploads from the form...you submit the form when all the uploads are already done.

If you must use multipart upload...I'd actually like to see that part of your code (I may be missing something). It won't work on SoloLearn, but I can test locally.

Answer 3

Just the client bit is fine.

One way that works really well is for samples to be 'just the part that isn't working' (so the minimum sample), and then that goes on:

https://pastebin.com

and you share the link. Possible?

Answer 4

I've stripped your code to a small working sample. Does it (nearly) duplicate the behavior you're seeing?

https://jsfiddle.net/6ayak3pb/1/

<input type='file'> is one-shot. You have to select all the files at once. If you click it again you get a new batch. For proof, see someone who did what you're doing, for IE:

https://www.raymondcamden.com/2013/09/10/Adding-a-file-display-list-to-a-multifile-upload-HTML-control

Important difference: they clear the upload queue (the div)...because: the queue is one-shot.

If you want to submit each batch as selected, people historically use jQuery/XHR/AJAX. The new way is fetch():

http://stackoverflow.com/questions/36067767/how-do-i-upload-a-file-with-the-html5-js-fetch-api
First answer: http://stackoverflow.com/a/36082038

I have a 'read' fetch sample here (another use + reference):
https://code.sololearn.com/WWB9eLU9rcxG/?ref=app

If none of this helps you, we can look at the fiddle.

Just for the record:

To do a multiselect on:
PC's/Apple: Ctrl-click or shift-click in file explorer
Android: (built-in explorer) tap and HOLD until "1 file selected" appears. Tap on additional files and then [Open].

If needed, test different browsers in a virtual Windows box at https://www.browserling.com ; use the above fiddle and when you click [Choose Files] you'll get Windows Explorer to select images from the default user's "Shared Pictures".

Answer 5

yes it is adding but when execute for upload that file that is upload last selected file and rest of file skipped because multiinput on the time of file selection reset previous selected file., so if you have please shared your code

Answer 6

yes I sent to you by tomorrow if possibly you can shared your email here then I sent to directly whole part or server url that all code in php,js

Answer 7

thanks for your replies

Answer 8

ok

Answer 9

Hi Kirk , please review the code on below link

https://pastebin.com/GTwTSbgS

Answer 10

we have selected file many times from different location then i have upload the selected files then it upload only last time selected file can you please check the same.
Thank you

Answer 11

thank you very much for jsfiddel is working

Answer 12

I appreciate your answers