Banner: This is a Free feature.

Students can upload images and other files from their computer to add to their HTML pages or JS Graphics programs in the Code Editor.

Uploading an Image

  1. From the Code Editor, click More > Upload.

  2. Browse for the image you would like to upload > Open

  3. Copy and paste the URL to use in your program

Gif showing how to upload image from More > Upload tab.

Accepted Image types:

  • APNG (.apng)

  • BMP (.bmp)

  • GIF (.gif)

  • ICO (.ico)

  • CUR (.cur)

  • JPG (.jpg)

  • JFIF (.jfif)

  • JPEG (.jpeg)

  • PJPEG (.pjpeg)

  • PJP (.pjp)

  • PNG (.png)

  • SVG (.svg)

  • TIF (.tif)

  • TIFF (.tiff)

  • WEBP (.webp)

Uploading an Image in Multi-File Programs

Some program types on CodeHS, such as Java and HTML, allow you to create multiple files for your program. Note: Multi-file programs are not supported with all assignment types.

  1. Click New > Upload File

  2. Drag and Drop the image or choose Browse

  3. Open > Add File

  4. The uploaded file will be added to the file tree in your Code Editor

  5. Copy and paste the URL to use in your program

Gif showing how to upload image on multi file programs.

Learn more about Creating & Managing Multi-file Programs.

List of Uploaded Files

To see a list of every file that's been uploaded to your account and its URL:

  1. Go to Account Settings > Code History

  2. Under File Uploads, click My Uploads

Navigate to account settings to see a list of all uploaded files

Still have questions? Contact our team at hello@codehs.com to learn more!

Did this answer your question?