When trying to upload an image (for any purpose, on any website) what was your best experience/favourite way to upload an image?
1 - Drag n Drop anywhere on the webpage (entire webpage is a dropzone), uploads instantly
2 - Drag n Drop anywhere on the webpage (entire webpage is a dropzone), uploads when you click the 'upload' button
3 - Drag n Drop into a box on the webpage, uploads instantly
4 - Drag n Drop into a box on the webpage, uploads after you click the 'upload' button
5 - Paste the Image Url into an input field, uploads instantly
6 - Paste the Image Url into an input field, uploads after clicking the 'upload' button
7 - HTML's File Input Field (the 'browse files' html button), uploads instantly
8 - HTML's File Input Field (the 'browse files' html button), uploads after clicking the 'upload' button
9 - HTML's File Input Field to browse files, together with 'drag n drop' anywhere on the webpage, uploads instantly
10 - HTML's File Input Field to browse files, together with 'drag n drop' anywhere on the webpage, uploads after clicking a button
11 - Other (comment below)
This will give us all an insight on how others feel about image uploading and what we should implement on websites.
OP's choice: 1 and 9
Edit: I'm surprised, I expected to see that the drag n drop among the most popular votes! Well, what do you know?
j
stuff ;)
I never use drag and drop for uploading, so for me it's a waste of resources ;) Good ol' upload button is enough for me. What I would really enjoy is to see a miniature of what I'm about to upload before actually uploading (a bit like Facebook desktop does for images in comments).
I think it depends, for example I like that the images on Hashnode are uploaded instantly.
Howerever, I usually like to have options... and control. So for me, it would be 2, 6 and 8, and display the image before upload.
Depends on the amount of data one of my longtime customers is an insurcance agent crm where he wants to upload multiple images / documents at once. So that is something I do via drag and drop targets. But localized to a field since In my case it needs the context where it's happening.
so it's something around 9 and 8 because if you got multiple source and the page reload sucks you want to prepare and finish before pressing upload or you want to just select a bunch of file and drop them so it's easier to work.
but for image sharing an url is important because it safes the overhead of server -> client -> server and cuts out the middle man :)