How to Upload Images - DocHub - The ITS Web Team's Document Chill Space for Cool Kids

How to Upload Images into Cascade

Images and documents must be uploaded into Cascade before they can be used on a page. That means uploading files is generally done before editing a page. This is also why every site in Cascade has an images folder and a documents folder. They are repositories that do not have index pages. All of your images and documents should go in these folders or in one of their sub-folders rather than in your page folders.

You should resize and crop your photos to be the exact dimensions you want them to be BEFORE uploading them into Cascade. If you do not know how to resize and/or crop an image, check out Image Manipulation for the Web training.

If you have already completed Cascade training and you have a live asset with which to work, please follow along using your real asset. If you are using this guide for practice, please always use the _playground site. Yes, it starts with an underscore. It is a test site specifically meant for practicing.

Follow these steps to learn how to upload images into Cascade.

Step 1

Website Folders in Documents Folder

After selecting the _playground site, select the folder where you want the image to be added. In this example, we click on the images folder to expand it, then select the websites folder inside of the images folder. Be careful that you select the _playground: images/websites folder and not the _playground: websites folder.

Step 2

Add Content

Click the Add Content button.

Step 3

Select Image

Click Image. If you were in your real site, you may have several folders display first. Select the folder for the correct area of the tool you are going to be creating the new asset in. For instance, if you are uploading a document for the Biology Department in the College of Arts and Sciences, you would select Biology here first, then Image.

Step 4

Attach File

Unlike creating a folder, page, or other asset, when uploading, always attach the file before naming the asset. Click the attachment field that reads, "Drop a file here or choose one from your computer." Navigate your Explorer or Finder window to find the file on your computer, then attach it. Once attached, the width and height of the image will display.

Step 5

File Name

The File Name will automagically inherit the file's name. Make sure the asset's name follows correct naming conventions. If it does not, you can change the File Name here and now. Remember to preserve the dot file suffix. In this example, the dot file suffix is in all caps. This is the only exception to the no caps rule.

Step 6

Placement Folder

Confirm that the Placement Folder is correct. In this example, the document is being created in the “websites folder,” and the breadcrumbs underneath show _playground: /images/websites.

Step 7

Preview Draft

Click the Preview Draft button.

Step 8

Submit

Click the Submit button.

Step 9

Content Check

Click the Check Content & Submit button.

Step 10

Confirmation Checkmark

Correct any mistakes. Unless the system finds an erroneous spelling error, such as a person's name or acronym. In that case, you can just ignore it.

Step 11

Start Workflow

Click the Start Workflow button. On the _playground site, all workflows are automatically approved. You will notice that your email is receiving auto-generated messages for each workflow, though. On sites other than _playground, all document and image workflows will also automatically approve.

Step 12

Image Created

Your image should now be created and should be automatically selected in the Explorer.

Need Help with a Department or School Website?

Contact the Web Team

If you have any questions or concerns, please contact the Web Team by going to sandiego.edu/web-requests.

Contact the Web Team