Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

file upload using drag drop

I want to upload and download files using drag n drop between user computer and web browser. How can I do it ASP.NET/AJAX or JS/JQuery?

like image 383
hotcoder Avatar asked Nov 26 '10 21:11

hotcoder


People also ask

How do I handle file uploads at Vue?

Using Vue 2 with Axios, you can upload files easily with a few clicks. Using the <input> tag and specifying the type to file, the browser will allow you to select the file to upload from your computer. Axios can POST FormData instances, which makes it easy to upload files.

How do I upload an HTML file?

The <input type="file"> defines a file-select field and a "Browse" button for file uploads. To define a file-select field that allows multiple files to be selected, add the multiple attribute. Tip: Always add the <label> tag for best accessibility practices!

How do I drag files in File Explorer?

In File Explorer, click any file or folder and hold the left button on your mouse. Then, press the Esc key. Now, try dragging and dropping again.

Can you drag and drop on PC?

Use your mouse to long-press the files you've selected, and a thumbnail will appear. Drag the files to your desired location on your PC. The cursor will change to indicate when you're able to drop the selected files.


2 Answers

Take a look at plupload

like image 171
Ta01 Avatar answered Oct 05 '22 11:10

Ta01


Also see http://www.thebuzzmedia.com/html5-drag-and-drop-and-file-api-tutorial/

like image 36
cweiske Avatar answered Oct 05 '22 10:10

cweiske