upload via FTP in Firefox – FireFTP
updated Oct 2011
Firefox being the brilliant browser it is - more and more excellent and useful extensions are being developed ; ) One of these is FireFTP by Mime Čuvalo.
This extension allows you to upload your files directly in Firefox via FTP. I'm not sure how well it performs with very large files but I tried it out for several uploads and find it very easy to use, stable and very responsive. I'd like to take you through its installation and setup in Firefox and a typical upload. Make sure you are in Firefox ;)
Installation and connection setup
- to install FireFTP - go to either of the pages shown below. By clicking on the Download / Install button the addon will be installed as extension in Firefox.
- fireftp.mozdev.org/ → Mime Čuvalo.
- addons.mozilla.org/firefox → mozilla/firefox
after installation - restart Firefox.
Once back open - you will see the extension added to your top menu > Tools > FireFTP.
Note that newer versions of Firefox changed the location of the extension within the top menu. In Firefox6 - you can find it now under
top menu > Tools > Web Developer > FireFTP.When you choose FireFTP from your menu - it will launch itself into a new tab showing two columns: a left side column showing your default local directory and a right side column, currently empty, for the server directory. Each column is again divided into two halves allowing you to easily access folder content. Inbetween the two main columns you will see two arrow buttons which allow you to download from the remote directory and upload files and folders to the server.
to set the preferences go to:
top menu > Tools > Add-ons.Depending on your version of Firefox - the window content will be slightly different, newer versions will launch the add-ons manager, as shown in the screenshot below.
The settings on place by default should be fine - but make sure that you have the general settings set as shown below. By setting the FileView to refresh automatically you will be able to see any successful up/downloads immediately appear within your folders.
Uploading via FTP
To upload to your webserver you will need to have the following details:- FTP host - usually in the form of "ftp.yourdomainname.com" or "yourdomainname.com"
- username/login
- password
These details will be given to you by your webhost. It is good practice to keep all such information backed up somewhere other than your computer. Print out a copy and make sure store it somewhere safe - keep it secret - keep it safe ;)
Even though you can always request this information again from your webhost - you often will need to log in or give some details in order to use technical support or to verify your account.
To configure FireFTP for server connection and upload the files - please follow the steps below:
- local directory
to set the left side column of FireFTP to show the files to be uploaded - navigate your computer and locate your current site. You will see that by clicking on a folder in the very left hand side column - its adjacent column will show the selected folder's content. Once you can see your site's content - you are ready to connect to your server.
- FTP account
FireFTP allows you to create FTP accounts which are then stored within the account drop down menu. Click onto 'Manage Accounts', select 'Create an account' and type in your details. You will only need to type in the 'Host' details which will automatically be used as 'Account Name' - and your username and password. Click 'OK' to confirm and save your account settings.
- connect to server
once you have confirmed the correct log in details - you are ready to connect to your server. With your details stored in the drop down menu - make sure your FTP account is displayed and click the connect button. Beneath the program's credits at the bottom of your window you will see the current activity being displayed. This will tell you how your login is proceeding and will inform you of any errors which might occur.
The folders found in the root directory can vary from server to server - and you don't need to worry about most of these while you are new to webdesign and simply want to upload your website. It is important only to put your website's files into the correct directory and to make sure your index page is placed directly into the site folder.
Your website's directory is usually called "httpdocs" - "public_html" - or you might even find a folder shortcut called "www". If you are not sure - simply email your webhost and ask :)
Once connected - you will see the right side column displaying your server's directories as shown here:
- uploading your files
To upload your files - make sure that your site folder is open in both directories: your local and your remote server should mirror each other. Once you know you are looking at the correct files - ensure that all required files are selected in your local site folder and that the relevant folder is displaying its content on the server side.
Select all files to be uploaded by shift clicking - and upload using either the 'upload' button or by dragging the selected files across.
Both methods work equally well. If you are new to this and feel a little hesitant - use the 'upload' button as you cannot make any mistakes. While dragging across and if you let go of your mouse at the wrong time - you might end up uploading your files into the wrong directory. You would then have to either move them on the server - or delete them to upload from scratch.
- viewing process and stopping up/downloads
You can see the process of your up/download in several places within your window. this should give you an indication of how long certain file sizes will take to up/download. It is always faster to download than to upload - so don't be surprised if some heavier file take more time. If your internet connection is slow it would be best to upload your files in smaller chunks.
If you are experiencing difficulties - you can stop your up/downloads at any time via the 'abort' button. You can then disconnect from the server and even restart FireFTP or Firefox to start fresh.
Every time I open fireftp my windows need to be adjusted so
I can see content. How can I make fireftp remember the windows as I
leave them?
I am trying to transfer files and get the following error
message “550 Could not delete index2.html: No space left on device”
Do you know how I clear space on the device? Thanks, Andy
Can I import connection and site settings from other FireFTP installations?
Actually impressive
How can I put a FireFTP icon in the task bar or shortcut on the desktop?
This site does not give a step-by-step process of what exactly to type where exactly.
http://fireftp.mozdev.org/help.html
Thank you.
Awesome blog! Is your theme custom made or did you download it from somewhere?
A design like yours with a few simple tweeks would really make my blog jump out.
Please let me know where you got your theme.
Thanks a lot
Hi ~ sorry I couldn’t reply sooner, busy days…
Themba, sorry, I don’t know about the SSL with FireFTP, you might want to check the plugin site for more info: http://fireftp.mozdev.org/help.html
Todd, I don’t quite understand what is going wrong, sorry.
Saida, I don’t think this is a problem with the uploading ~ sounds like it could be something to do with your files naming perhaps? Some servers are strict on lowercase file and folder names.
Annette, I’m not sure whats going wrong there – but could be a temporary issue to do with the version of Firefox. You could always use another standalone FTP client?
Eric, sorry ~ I’m not sure how to solve this one, maybe the plugin’s site is of more help: http://fireftp.mozdev.org/help.html#prefs
Still having an issue with FireFTP and Windows/Unix, Unix/Windows. When I transfer a text file from Windows to Unix it leaves all the extra “^M” characters at the end of the line in the file. I don’t see an option in any of the setting to change the behavior. Thanks.
I need help!!! I have been using firefox ftp site for a while and all of a sudden on server directory when I right-click on a file the drop down menu does not work, therefore, I can’t view the file on my browser with the “Open With” option. I am working on a Mac and this has never happened before. I am very frustrated because I can’t seem to find a solutions to this. Thanks!
I have download all my files from my computer to the server. Both directories are identical. In my computer everything works perfect. But, when I check my website on any browser every works but a section “Web Design” won’t open them. The same when I click on my resume it does not work. Firefox gives me the pointer hand and in the bottom gives my the root directory. Safari will open a blank window. Explorer will give me an error page. I have spend months trying to find the error, I have erase everything and downloaded again and still not working. Please I REALLY NEED you HELP! Please help me to fix it.
Thanks for your time
Saida
why can’t I delete files I already downloaded from an ftp site? thanks
Hi FireFTP looks great but I’m having trouble connecting to the remote server using SSL. It doesn’t give me an option to select my ssl key.
Remote server:I have a keystore or Public key
FireFtp client: I have the server’s public key + my private & public Keys.
But can’t use these keys (SSL)
Sorry, people, been really busy and haven’d had much time, so here a few replies, if very late by now:
Wenz, don’t think FireFTP can do any form of automation, ~ and don’t know of any app that does, sorry.
George – you are kidding, right? Or I am being dim or don’t understand what you mean ~ Kb/s = kbps?
Maureen, sound like you either have an issue with the code, ie the file path on your webpage – or a mispelling. Without more details about the actual seutp – I’m not sure what could cause this.
Gabriel – no problem ;) glad if it’s useful :)
Juan, you’re right – you could give out your details. But I would not recommend that you do that as you will leave your server open. People make mistakes and by opening your server up to others – you could end up with broken site/s or worse.
Why not use something more straight forward, like DropBox? ~ this will make file sharing easy without exposing your server ;)
How do i create an account if someone give me files via ftp> So i can give them my host name, log in & password thxs Juan
I have two blogs one my own and the other which is my college blog.I will publish some part in the university blog.Hope you do not mind
Hi I am have trouble with transferring a picture. I have transferred text with a png/picture. I can see the picture there. however, then I transfer to my server directory. But when I go to my site the text is there but the picture is not. Can anyone help me please very frustrating.