I already did this Javascript-canvas-captcha: https://jsfiddle.net/jnrb69gz/1/
Here is my example for uploading files to HFS uploadable folder. Attachment1. [HFS_UPLOADING+fractals.zip]
Also, I think, the script for uploading files for HFS,
must be published in the separate thread!
1. I did this multiuploading form with preview:
https://codepen.io/anon/pen/JwemBbJust select files with pictures.
But... There is multi-uploading and selecting files working by click button.
2. Here:
http://jsfiddle.net/tohan/jtaevhoj/you can see
Drop Zone, and there is allowed "drag and drop" many files.
In the last example, you can see progress-bar.
3. I did combine this all to one clickable drop-zone:
http://jsfiddle.net/se0bcvth/Now this is clickable, and progress-bar - added.
But... There is no available the
copy and paste...
4. Here:
http://jsfiddle.net/protasovams/v7naLkbk/You can see contenteditable div, and there is allowed copy and paste text, HTML, and pictures!
5. Here:
https://pqina.nl/filepond/You can see uploading files, using CRTL+V (but only one file).
So... Can anyone help me to combine this all to for multiuploading?
I want to do this:
1. Selecting many files for uploading by clicking the button.
2. Selecting many files for uploading by "drag and drop" in drop-zone.
3. Add the files for uploading, with random filename, when puctures was been pasted,
after press Print Screen button or copying this as image from HTML (right click -> copy as image).
4. Add image, as file for uploading, with random filename (+ preview),
if dataURL or base64 was been pasted in
contenteditable DIV.
5. Copy and paste the files, using CTRL+V keys, to selecting this for uploading on HFS.
6. Locally working script, client-side, without remote libraries, like JQUERY, or bootstrap.css, etc (or existing this files on localhost).
Can anyone help me to realize this all in one script?