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?
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.
j
stuff ;)
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 :)