Jump to content






Photo

The (Images) Upload Tab - What Is It, How To Use It?

Posted by wimg , in Board Talk, Manuals 15 March 2011 · 1,138 views

There seems to be some confusion with regard to the Upload Tab, as opposed to, e.g., attaching images from the options underneath the message editor box, when replying to or creating a new post. The Upload Tab is an alternative to uploading images to FPN, without any personal quota restrictions. The only limit to Upload is the file size, but as that is 1 MB, it means that there are ample possibilities to upload a picture. Any picture with a largest side of around 1000 pixels will easily fit within that 1 MB constraint.The Upload Tab, which we added as an additional service to FPN about a month or so ago, is situated underneath the board header. This appears on every page. See the picture below, Upload Tab circled in red:Posted ImageSo, how to use this?That is not all that difficult. Imagine you are creating or editing a post., f.e, just after starting:Posted ImageNote that I have circled the Upload Tab in red, it is still there, right at the top of the page.So, let's add some text, until we get to the point where I'd want to insert an image:Posted ImageAs indicated in the picture, I now need to click on the Upload Tab, and a new window or tab opens in the browser (dependent on browser settings. Here it is a new tab, and note that the old tab with the editor window is still there too (circled in red):Posted ImageNow I can upload an image to FPN. Note that the maximum file size is 1 MB, see red underline and arrow on left (we only have limited file space on FPN). Since that easily caters for a large image (1000 pixels on the largest side easily), that shouldn't be a problem. There are two ways to upload an image, one is by supplying a url, from e.g., your Flickr site, or by direct upload from your hard disk. I want to select a file from from my HD and do that by clicking on the Choose button, see red arrow on right.Posted ImageNext an Explorer window pops up, and in my case it is pointed already at the correct folder:Posted ImageOf course, if it isn't, the explorer window allows me to browse to the correct folder anyway.Next I choose a picture:Posted ImageIn this case etruria02.jpg. Of course, next step is to click the Open button, which brings me back to the Upload screen. As you can see, the image name etc. is now displayed in the little Upload from HDD field.Posted ImageNext of course is to click on the Add Image button, where the red arrow is pointing, after which the image appears in the Upload screen. Since the image is reasonably large, dimension wise, more than the browser window is filled, so I am scrolling down through the window (as displayed here in 2 stages).Top part of window:Posted ImageBottom part of window (scrolling down):Posted ImageAs you can see, the picture is all there now, and I can also add a new picture, if I like. Better to do that one at a time, however.Also note, which is most significant, that there also is a Codes block, in this case with BBCode highlighted/selected. Selection is done by just moving the mouse cursor over those fields.The first code, Direct link, I can use in combination with the Image button in the editor, by copying the url, and pasting that in the Image Url field in the Image Button option. The seond one is direct BB-code, which can be inserted straight into the message. The third option is html code, which we don't really use here on FPN.The easiest really is to use the BBCode, and it also has another advantage, but I'll come to that in a minute.So, I select the BBCode option just by moving my mouse cursor there. Now I have two options in order to copy that code, which I need for my message. I can either press Ctrl-C on the keyboard, or right-click on the code. The latter will give me the following pop-up:Posted ImageOf course, I click on Copy, as highlighted in the pop-up box.I need to go back to the message editor window now, so I scroll back to the top of this window, and there it is, to the left of the tab with the Upload screen I am looking at now, see red circle and arrow. Posted ImageClicking on that tab, brings me back to my message editor window.Posted ImageMaking sure my edit cursor is positioned where I want my image to appear, I now either press Ctrl-V to insert the code I copied from the Upload screen, or I right-click, which will give me the following pop-up window:Posted ImageSo, I click on Paste in this case. Either way, it will give me the following result:Posted ImageNotice the weird code in my message. That is the BBCode we saw earlier. So, you may ask, what is the advantage of this? Well, it is faster than adding an image via the Add Image button, and it also makes for faster scrolling in the editor box when editing or creating a message.Well, you may say now, but I want to see the image in the text. To which I will reply again: you can. Click the Preview Post button at the bottom of the message editor box, and the message will appear with the image in all its glory.Posted ImageHere follows the result after clicking on the Preview Post button. The message has appeared. Since the picture is still large, I'll show it here in two parts again, scrolled through the browser window.Top part of Preview:Posted ImageAnd the bottom part of the Preview, obviously with the editor window underneath:Posted ImageI can continu editing now, add more images too if I like, do more Previews, and once I am happy and done, I can now scroll to the bottom of the page, and click on Post Reply, Post New Topic, etc., depending on what I was doing (creating a reply, a new topic, or maybe doing an edit).Posted ImageIn this case Post New Topic :D.Of course, once I have clicked Post, the message or topic appears as I created or edited it:Posted ImageAnd that's all there is to it!Within Upload there also is the option to manage already uploaded images, including getting the codes again, but I leave you to play with that by yourself for now.Warm regards, Wim




SIMPLE! Super explanation and easy-to-follow steps. Wim, you are the best!Roger
Thank you kindly, Roger - practicing my skills for the new Classifieds :D :embarrassed_smile:.Warm regards, Wim
Photo
anaximander
Mar 16 2011 07:39
Very nice! Thank you for the detailed explanation.
This is a wonderful explanation....BUT (sorry) I do not see the Upload option on my menu bar - I have Forums/Blog/Downloads/Members/Calendar....and nothing after that.Do I have to do something to enable it?Or could it be that I am not a gold member yet -and one has to have that status before the upload menu item appears?Thanks!
Thank you for reminding me, and yes, sorry, I completely forgot to mention that. You wil get it once you are a Gold member. I'll update the post above accordingly.Warm regards, Wim
Photo
Ladynib302
Mar 17 2011 06:17
Wim: What a wonderful discovery in the middle of the night; just found this. Thoink it will really help a lot of folks on this forum; appreciate the effort this must have taken to delineate all these steps so clearly. :D :D :D :embarrassed_smile: :D
Photo
Struthious
Mar 17 2011 14:19
FPN Admins are the best.

Thank you for reminding me, and yes, sorry, I completely forgot to mention that. You wil get it once you are a Gold member. I'll update the post above accordingly.Warm regards, Wim

I am 5 posts away! this encourages me to think of something clever to ask or say....that might take awhile. :embarrassed_smile:
Photo
shrinknib
Mar 22 2011 13:06
great work Wim.this is a helpful addition.Also I am really liking my Zen retreat.Very peaceful after a hard day! :embarrassed_smile:
Thanks! Warm regards, Wim
Wim, how do I delete images I've uploaded?
You'll have to ask an admin or moderator, preferably with a link to the post where it resides.HTH, warm regards, Wim
I've tried this upload without success, I keep getting an error notice. Although sometime ago I did successfully download an image in the FPN Show us your artwork forum.I've even printed off the instructions for upload and notice some of the prompts are not showing on my computer screen.Your help would be much appreciated,Thanks,Pickwick
I often saw that too large pictures are downsized automatically when looking at the posts. According to your instructions I used now this upload feature for the first time and saw to my dismay, that the pictures are too great. I'm going to resize them and upload them again, but I would like to ask you to delete all pictures here: http://www.fountainp...ndex.php?/ihostIs that possible?Thanks a lotPeterPS: The url seems to me too simple, probably I have to give you my posts, but as I have not downloaded all pictures .... well You tell me!Thanks
Photo
Vanrensalier
Jun 20 2011 15:23
Thank you for the thorough instructions!
Photo
The Good Captain
Dec 29 2011 22:58
This works really well, Wim but how can I delete duplicated uploads that I've made in error?
How about deleting photos already uploaded via this system? Doesn't seem to be a "delete" function anywhere I can find.
Thank you so much for this wonderfully illustrated example of uploading - it has taken me a month to find it, but now that I have, I see!!!!! :notworthy1:
Photo
inkstainedruth
Jul 07 2012 03:43
Once I figured out that I had to upload and then immediately add each photo, using the BCC code was a snap!
+1 on wishing to know how to delete duplicated photo uploads (I didn't mean to be clogging up bandwidth, really.... :headsmack: )
At least they're only in the "Uploads" and not actually in posts.... :rolleyes:
Photo
peterpen53
Jul 12 2012 12:17
Trust me to find this far too late! This really is a great help.

Recent Comments

November 2014

M T W T F S S
     12
3456789
10111213141516
17181920212223
2425 26 27282930

user(s) viewing

members, guests, anonymous users