New to the web platform
How to share files
To share files, call navigator.share(). Note that you should always check if files can be shared with navigator.canShare() and make sure your site is using HTTPS before calling the share() method. Browser Support Source The next best thing to offer
- CSS
- JavaScript
- HTML
December 18, 2024
How to open one or multiple files
Dealing with files is one of the most common operations for apps on the web. Traditionally, users needed to upload a file, make some changes to it, and then download it again, resulting in a copy in the Downloads folder. With the File System Access
- JavaScript
- CSS
- HTML
December 18, 2024
How to drag and drop directories
The HTML Drag and Drop interfaces enable web applications to accept dragged and dropped files on a web page. During a drag and drop operation, dragged file and directory items are associated with file entries and directory entries respectively. When
- HTML
- JavaScript
- CSS
December 18, 2024
How to handle files opened from the file explorer
First, declare the file_handlers attribute in your web app manifest. The File Handling API requires you to specify the action property (a handling URL) and the accept property, which is an object with MIME types as keys and arrays of the particularly
- CSS
- HTML
- JavaScript
December 18, 2024
How to receive shared files
First, declare a share_target in your web app manifest that lists an action (your URL that handles shared files), a method ( "POST" for files) and an enctype ( "multipart/form-data" for files) and a params object that contains a files property with
- HTML
- CSS
- JavaScript
December 18, 2024
How to drag and drop files
The HTML Drag and Drop interfaces enable web applications to accept dragged and dropped files on a web page. During a drag and drop operation, dragged file and directory items are associated with file entries and directory entries respectively. When
- JavaScript
- CSS
- HTML
December 18, 2024
How to save a file
Dealing with files is one of the most common operations for apps on the web. Traditionally, users needed to upload a file, make some changes to it, and then download it again, resulting in a copy in the Downloads folder. With the File System Access
- CSS
- HTML
- JavaScript
December 18, 2024
How to open a directory
Dealing with directories is not something you will cope with on a daily basis, but occasionally the use case arises, such as wanting to process all images in a directory. With the File System Access API, users can now open directories in the
- CSS
- HTML
- JavaScript
December 18, 2024