Which HTML5 API allows restricting uploads to specific file types in a web form?

Which HTML5 API allows restricting uploads to specific file types in a web form?

• A. The File API
• B. The Drag-and-Drop API
• C. The Geolocation API
• D. The Web Storage API

Answer: (A)

Restricting uploads by file type is done by examining the files your form receives. The File API provides File objects that represent user-selected files and expose useful properties, including type (the MIME type) and name. By checking each selected file’s type against an approved list (for example, image/png, image/jpeg, or application/pdf) before proceeding with the upload, you can enforce the restriction on the client side. You can perform this check as soon as files are chosen or dropped into the page. The browser can also help a bit by offering an accept attribute on the file input to hint which files to allow, but the actual enforcement relies on inspecting the File object’s type via the File API. The other APIs mentioned serve different purposes: Drag-and-Drop is for moving files into the page, Geolocation is for obtaining location data, and Web Storage is for persisting data locally.

Restricting uploads by file type is done by examining the files your form receives. The File API provides File objects that represent user-selected files and expose useful properties, including type (the MIME type) and name. By checking each selected file’s type against an approved list (for example, image/png, image/jpeg, or application/pdf) before proceeding with the upload, you can enforce the restriction on the client side. You can perform this check as soon as files are chosen or dropped into the page. The browser can also help a bit by offering an accept attribute on the file input to hint which files to allow, but the actual enforcement relies on inspecting the File object’s type via the File API. The other APIs mentioned serve different purposes: Drag-and-Drop is for moving files into the page, Geolocation is for obtaining location data, and Web Storage is for persisting data locally.