Attaching images and uploading files to a posting

Uploading an image to the site

There are two ways to do this, the hard way, and the not-so-hard way. The hard way does not have an easy method to make the image display. The not-so-hard way is a little obtuse but does offer a way to make the image display.

Not-so-hard: Click on the Insert image/file phrase just below the text area. The window which pops up will show the files you have uploaded. Assuming you haven't yet uploaded any files, let's upload one. Click on the Browse button and a file select dialog will appear. Use that to find the file you want to upload and click the Open button. The file name will appear in the text box. Then click the Upload File button. It will take a moment to upload the file. Once the file is uploaded it's name will appear in the upper part of the window.

Once you have one or more files uploaded, you can click on each file to see what it is. Once you have selected the file you wish to display in the posting, click the "add" button that's next to the image. Doing so will insert the HTML to make the image appear in your page.

Hard way: If you simply want to upload a file scroll down the page until you find a label marked "File Attachments". It has a triangle next to it. Click on the word, and voila some stuff appears. There is a Browse button and an Attach button. Simply click on the Browse button and a file select dialog will appear. Use that to find the file you want to upload, and click the Open button. The file name will appear in the text box. Then click the Attach button. It will take a moment to upload the file.

If it's an image you probably want to make the image display. There are two choices of making an image display, by using HTML or by using BBCODE. They will be discussed below. The URL for the file you just uploaded is listed in the File Attachments area. It will be something like

http://visforvoltage.org/files/DSCN0975.JPG


For the purpose of the HTML or BBCODE snippets below you want to truncate that URL to be just this portion:

/files/DSCN0975.JPG


Inserting an image using HTML

Suppose you have an image hosted elsewhere on the Internet. Like, you might have a Flikr account (or some other similar service like Image Shack). Or perhaps you've uploaded an image file using the hard method above.

You need to know the URL for the image. If you've uploaded an image as discussed above, you already know the URL. If it is stored on an external service, that service should be able to inform you what the URL is. Either way the image is inserted using this code:




Or




Or




Inserting an image using BBCODE

This site also supports BBCODE. If you click on the Compose Tips link in the navigation it will tell you all the BBCODE snippets you can use.