Introduction: How to Upload & Tag Multiple Files Using Drag & Drop to Your Instructable

First off this requires using a Firefox web browser. If you haven't tried Firefox, please do, it beats the pants off Internet Explorer in so many ways. It works on both MAC and PC's.

Let me explain the problem.
You have just taken 50 photos for an Instructable that you're going to document. Now you want to upload, probably all of them, so you can start attaching them to each step you're going to create. You want to upload them all at once, because it's too slow to upload them on each step and it breaks your writing rythym. You probably also wish you could just drag images from your desktop or folders instead of choosing each one at a time.

The Solution.
We have one, so follow me to Step 1.

Step 1: Install Firefox Plugin Dragdropupload

If you don't already have Firefox, download and install it now, it's also free and does everything better :)

--> http://www.mozilla.com/

Now download and install dragdropupload:

--> https://addons.mozilla.org/en-US/firefox/addon/2190

If you have an older version of FF, 1.5.x or older, you'll need to restart your browser. If you have the latest version, it will ask you to restart and it will reload all the pages you're currently browsing.

Step 2: Go to Contribute > Upload Files

Make sure you are logged in.

In the navigation menu at the top of the page, go to:

--> Submit
---> Upload Images

Then open your desktop finder and browse to the images you want to select.

Assuming you have arranged the windows, so you can see them both at the same time, like the image below. Drag your images onto the textbox right after the word choose.

You should then see all the images you selected listed. See the second image below.

Step 3: Tag & Upload Your Images

Before you click on the upload button, make sure to add a tag that will get added to all of the images you have selected to upload. For example, these are for my taco Instructable, so I have given them the tag 'taco'.

Image 1. Now click 'upload'.

Image 2. The spinner page.

Important! Don't close this page until you see Image 3 telling you the image have been uploaded. While your images are uploading, go do something else or open a new window/tab and start writing your Instructable. It can take quite a while to upload images, depending on how many you're uploading and what your Internet connection speed is.

Image 3. Success, your images have been uploaded!

Step 4: Accessing Your New Images

Your new images will now show up in your image and file library when you are editing your new Instructable.

Click on your tag link to show just those images that have been tagged.

Comments

author
lego lover 898 made it! (author)2012-12-03

is it possible to make a project without firefox

author
AndyGadget made it! (author)2009-07-09

V1.8 released (according to the notes) to work with FireFox 3.5, but the developer link is to the old 1.6.8.

author
mg0930mg made it! (author)2008-09-21

Grr.... didn't work. Had to upload 124 images desperately. Please let me know what's wrong.

author
lebowski made it! (author)lebowski2008-09-21

Sorry, that is annoying. We have started working on a new uploader that won't require a plugin/add-on to select more than one file at a time from your browser.

author
mg0930mg made it! (author)mg0930mg2008-09-22

Yay. I can't wait.

author
Solderguy made it! (author)Solderguy2008-09-27

Did you drag the images directly into the upload bar?

author
mg0930mg made it! (author)mg0930mg2008-09-27

This could not work, because I could not drag to select all of my pictures. Therefore, could not have even drag them to the space.

author
Bartboy made it! (author)Bartboy2009-02-19

shift click as you drag.

author
Solderguy made it! (author)Solderguy2008-09-28

You have to open the image folder on your computer, then just drag them into the upload space. You don't have to click ""Browse" because it doesn't let you select multiple files.

author
mg0930mg made it! (author)mg0930mg2008-09-28

Ahhhhh. Thank you for clearing that up. Will use for next instructable.

author
atsamom made it! (author)2008-03-13

I'm confused. You say go to the navigation menu at the top of the page, go to: --> Contribute ---> Upload Files The top of what page? I can't find anything called "Contribute".

author
lebowski made it! (author)lebowski2008-03-14

Sorry, we have changed the names a bit. I'll update the Instructable: Make sure you are logged in and then: --> Submit ---> Upload Images

author
kelseymh made it! (author)kelseymh2008-09-26

Apparently the interface changes frequently :-( For the record, I'm using Firefox 2.0.0.16 under MacOSX 10.4.11. 1) The "Submit" hyperlink no longer has any sort of "Upload Images" option. Instead, it has a outline-like description of the different things members can submit (Instructables, Slideshows, Video, etc.). 2) If I follow an alternative route -- "You" -> "Image Library" -- dragging a collection of files simply doesn't work. It just "snaps back" and nothing is registered. 3) If I use the [Browse] button to the right of the text box, then even if I select multiple items from the pop-up, only one of those items (seemingly chosen at random) appears in the result.

author
lebowski made it! (author)lebowski2008-09-26

Yes, I haven't updated this Instructable yet as we just released the new version of the site the night before last.

1. I will add an upload images link to the submit page.

2. Image Library is the same page as the upload, so just https://www.instructables.com/upload will get you to the upload page. You can also do this from the bottom of creating an Instructable. You can also create a direct link to it using the CUSTOMIZE link features at the top right of your screen.

3. You cannot select multiple images using the browse button.

4. If you have the Firefox Drag & Drop extension installed, you should be able to drag multiple files into the text area to the left of the browse button. I'm using FF2 on a PC and it's working fine. I know it works for others in our office that have macs.

5. We're creating a new uploader that will allow you to ctrl + click multiple images from the browse menu. This is what flickr is using for it's default uploader and it's really nice.

Hope this helps.

best,
cloude

author
kelseymh made it! (author)kelseymh2008-09-26

It does; thanks! (1 & 2) I was able to get my images uploaded, I just had to do them one by one :-) (4) I'll look into the Firefox D&D; extension; it didn't work from Safari either, although Safari was much more stable for me than Firefox. Again, thanks for the reply! -- Michael Kelsey

author
atsamom made it! (author)atsamom2008-03-14

tks

author
tubbychick3n made it! (author)2008-08-31

thank you so much! i was just about to upload 62 pictures separately.

author
Dipankar made it! (author)2008-07-06

I am not a computer literate, I have many projects but am unable to upload because it is a so complicated process to understand and execute. Why can't we just ZIP the complete project and upload it, and you do the final editing. I do not know what format to use for script, animation, video, photo etc. I do not know java or C++ nor can understand it.

author
lebowski made it! (author)lebowski2008-07-07

I would be happy to help you understand our upload process. If you need help just PM me. I would start by authoring an Instructable and uploading images for each step first. That will probably be the easiest way to get started. The drag & drop firefox extension is great for dragging files from your desktop the upload area when you have a lot of photos to upload. I think once you give it a try, it won't seem so complicated. There is no coding needed to document an Instructable.

author
csmiler made it! (author)csmiler2008-08-22

How can i mark the pics(certain part?)

author
lebowski made it! (author)lebowski2008-08-25

Just click and drag your mouse over the image when you are editing your Instructable.

author
csmiler made it! (author)csmiler2008-08-26

Well i know that.but sometimes the othe pics block the save button :-[

author
n8man made it! (author)2008-07-20

I can still only select one picture at a time. I am using a vista computer and firefox 3.

author
revtiedye made it! (author)2008-05-12

Is this out of date again? I've found the right page, but mine no longer says "Choose" it has a "My computer / Internet" pull-down box. And when I drag from a "My computer" window to the text box after the chooser (using Firefox 2.0.0.14) It doesn't allow me to drop them there.

author
necropolian made it! (author)necropolian2008-07-05

This happened also with me, but I can drop the files. I use firefox 3.

author
dudette_cool made it! (author)2008-02-17

ah.. how do I change my display picture?

author
NinjaFreak102 made it! (author)NinjaFreak1022008-06-20

how do u get them in the first place

author
lebowski made it! (author)lebowski2008-06-20

You can upload any picture you have on your computer as your profile image. Was that your question?

author
NinjaFreak102 made it! (author)NinjaFreak1022008-06-27

yea thanks alot

author
lebowski made it! (author)lebowski2008-02-19

Just click on the default image next to your name or here:

https://www.instructables.com/account/settings?modify=IMAGES

author
dudette_cool made it! (author)dudette_cool2008-02-22

thanks!

author
computercolin made it! (author)2008-05-26

This method does not appear to work for Linux. I'm using Ubuntu, and even after switching back to Firefox 2 (Hardy Heron includes Firefox 3 beta), dragging files to the box (yes, I did install the addon) from Nautilus just gives tons of alert dialogs (2 dialogs for each picture you try and drag). I even tried dragging files from other file managers, like Konqueror. No luck. Furthermore, even if you use Firefox in Wine with this addon, dragging images from any file manager--I can find--fails. If anyone has a script to do this operation, or some other Linux solution, would love to hear it. Until then, I'm uploading by email.

author
Plasmana made it! (author)2008-05-07

About a month ago, I can upload images with Safari (web browser), but now I can't upload any images! Every time I try to upload a image, there is a pop-up sign that says "failed to upload images" or something. Did something went wrong or do I have to switch my mac computer from Safari to Firefox? My mac computer is an old type so Firefox is too new for my computer, it won't work right. What can I do???

author
lebowski made it! (author)2008-05-06

Yes. When you upload, there is a pulldown menu. Select 'Internet' and just enter the full url of the image.

author
rimar2000 made it! (author)2008-04-23

I can't upload images since a month almost. I followed the instructions, but nothing happens. Maybe I am a fool, maybe my proxy server intercepts the upload. But with YouTube I have not problems.

author
lebowski made it! (author)lebowski2008-04-23

That's because you are using Firefox 3 beta. We have had some internal reports that the upload was breaking, but since it's still beta we hadn't taken the time to look into it. We'll probably be able to get to it in the next couple of weeks.

author
rimar2000 made it! (author)rimar20002008-04-24

Thanks, I will try "normal" Firefox. Great idea INSTRUCTABLES. I enter several times for day to see if there are some news. I do not know if you are doing a lot of money, but would deserve it you.

author
Kevvixx made it! (author)2008-04-17

I'm having trouble deleting pics. Why won't it let me?

author
Rammstein made it! (author)2008-03-12

is there a way to get rid of pictures that I already uploaded?

author
lebowski made it! (author)lebowski2008-03-12

These are pictures you uploaded, but you haven't used any of them and don't plan to? If yes, not easily, but you will be able to soon.

author
Rammstein made it! (author)Rammstein2008-03-12

thanks

author
benjorgensen made it! (author)2008-02-21

i just signed up today and i cant upload any images at all. the upload button will not do anything! even after I've selected from my picture and given the selection a tag.

author
Keith-Kid made it! (author)2008-02-18

I can't select multiple images from My Documents......

author
DeLorean4905 made it! (author)2008-01-28

Is there any way to edit the tags after you've uploaded the pics?

author
lebowski made it! (author)lebowski2008-01-28

Not right now. We have a bug that we need to fix so we can put that back in. Soon though :)

author
DeLorean4905 made it! (author)DeLorean49052008-01-28

ok, thanks

author
ForteZeroExcell made it! (author)2008-01-03

Can somebody please tell me how to change my profile image?

author
lebowski made it! (author)lebowski2008-01-03

Sorry, it's currently a bug. It should be fixed tonight.

When it's fixed, you will be able to update it here.

https://www.instructables.com/account/settings?modify=IMAGES

author
ForteZeroExcell made it! (author)ForteZeroExcell2008-01-04

THanks but ther thing i don't understand is thet how do you get an image to preview in the big grey box .I can't seem to find any buttons or hyperlinks except for your libary

author
lebowski made it! (author)lebowski2008-01-04

Sorry, it just got fixed. At the bottom of this page you can upload a new image or select one from your library.

https://www.instructables.com/account/settings?modify=IMAGES

Let me know if it's now working for any reason.

About This Instructable

7,094views

13favorites

License:

Bio: Usually making something on this site.
More by lebowski:[newsletter] MC Escher Cutting Board, Rocket Stove, Tiki Torch[newsletter] Casket Grill, Grass Hammock, Budget CabinShower Costume
Add instructable to: