Students can upload images and other files from their computers to add to their programs in the Code Editor. Uploading a .zip file will unzip and add all files to the program. Note: the file size limit is roughly 3 megabytes.
Uploading an Image File
From the Code Editor, click More > Upload.
Browse for the file you would like to upload > Open
Copy and paste the URL to use in your program
Accepted Image types:
BMP (.bmp)
GIF (.gif)
JPG (.jpg)
JPEG (.jpeg)
PNG (.png)
SVG (.svg)
WEBP (.webp)
Uploading an Audio File
These file types files may also be added and used in programs in the Code Editor.
Accepted Audio types:
MP3 (.mp3)
MP4 (.mp4)
MID or MIDI (.mid or .midi)
OGG (.ogg)
WEBM (.webm)
WAV (.wav)
Uploading a Font File
Students can upload custom fonts from their computers to add to their CSS files within the CodeHS Code Editor.
To upload a custom font to your program:
Click "New+", located on the left side of the IDE
Select Upload from the drop-down menu > click Browse
Locate your font file on your computer
Click Open to upload your file to your project directory
To use a custom font in your program:
Students will want to use the @font-face rule in their CSS code. This allows the user to define the name of the font family, the location of the font file, and other properties related to the font.
@font-face {
/* Define the name of your font family */
font-family: 'CustomFont';
/* Specify the path to your font file */
src: url('path/to/your/font/file.ttf');
}
body {
/* Apply the custom font to your elements */
font-family: 'CustomFont', sans-serif;
}
Accepted Font Types:
TTF (.ttf)
OTF (.otf)
WOFF (.woff)
WOFF2 (.woff2)
Uploading a PDF File
To upload a PDF to your program:
Navigate to the More tab, located on the right side of the IDE
Select Upload from the drop-down menu > click Upload File
Locate your PDF on your computer (the file will be temporarily grayed out or unavailable)
Click Show Options, located at the bottom of the pop-up modal
Change the Format field from Custom Files to All Files > Click Open to upload your PDF
Uploading a file 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.
Click New > Upload File
Drag and Drop the file or choose Browse
Open > Add File
The uploaded file will be added to the file tree in your Code Editor. If uploading an image file, you can copy and paste the URL to use in your program. Learn more about Creating & Managing Multi-file Programs.
Accepted File types:
HTML (.html)
JS (.js)
CSS (.css)
JAR (.jar)
PDF (.pdf)
TXT (.txt)
List of Uploaded Files
To see a list of every file that's been uploaded to your account and its URL:
Go to Account Settings > Code History
Under File Uploads, click My Uploads
Still have questions? Contact our team at hello@codehs.com to learn more!