Drupal: Uploading Files and Images

Images should not include any lengthy text. If the image does have some text, then all of the text in the image must also be added to the image alt text and the image caption.

Reason: Text in an image cannot be read by search engines or by the screen readers used by visually-impaired visitors. We are required by federal and state laws to meet web accessibility requirements.


  1. Before you upload and add any files to the Drupal web server, you must rename them if they contain any blank spaces or special punctuation characters.

    Only OK to use these in a filename:
    A-Z, a-z, 0-9, hyphens -, periods, and underscores _

    Good filenames marked with a green check and bad file names marked with a red X.


  2. If you are replacing an existing file that is already on the web site, please make sure that the new file name exactly matches the old filename before uploading. It must have exactly the same characters and same uppercase and lowercase letters. This will cause the new file to directly replace the old file, using the following steps, below.

  3. Log into Drupal.

  4. Navigate to your website. Look at the breadcrumb at the top of your page to determine the path to your web site files.
    All file paths begin with "section" then follow the steps shown in the page breadcrumb
    In this example below, the file path will be section > about > offices > marketing-and-communication > training which you will use in the next step.


  5. In the top Drupal menu bar, click on Workbench, then click on File browser.


  6. A page should appear that looks like this: https://www.fredonia.edu/admin/workbench/file-browser

  7. You may need to navigate to your website files using the breadcrumb path that you found in step #2.
    The path should appear in the left side of the File Browser window.


  8. Click Upload. The green Add File button will appear.


  9. Click the Add File button and browse your computer to choose the file you wish to upload to the server. Click Open to send the file to the server.

  10. To link to your files, see:  Drupal: Linking to a PDF, Word, Excel, or other MS Office files