Tag

FileReader

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 20, 2024 · Frontend Development

Building a Simple Icon Management System with Iconfont and JavaScript

This article explains how to create a lightweight icon management tool by uploading SVG files, converting them to Symbol elements, packaging them into a JavaScript file for the front‑end, and serving the generated iconfont.js from a back‑end endpoint.

FileReaderIconfontcheerio
0 likes · 5 min read
Building a Simple Icon Management System with Iconfont and JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 25, 2024 · Frontend Development

Frontend and Backend Interaction Methods for File Upload, Object APIs, and Large File Handling

This article explains how the frontend can upload files to the backend using base64 or binary Blob transmission, introduces key JavaScript objects such as files, Blob, FormData, and FileReader, and provides practical code examples for validation, preview, chunked uploading, progress tracking, and resumable uploads with hash verification.

Base64Chunked UploadFile Upload
0 likes · 10 min read
Frontend and Backend Interaction Methods for File Upload, Object APIs, and Large File Handling
Sohu Tech Products
Sohu Tech Products
Sep 28, 2022 · Frontend Development

Using JavaScript Blob, File, FileReader, ArrayBuffer, DataView, Object URL and Base64 APIs

This article explains how JavaScript’s Blob, File, FileReader, ArrayBuffer, DataView, Object URL and Base64 APIs work together to create, slice, read, convert and display binary data in web applications, providing code examples for each operation and detailing their properties, methods, and typical use‑cases.

ArrayBufferFileReaderblob
0 likes · 23 min read
Using JavaScript Blob, File, FileReader, ArrayBuffer, DataView, Object URL and Base64 APIs
IEG Growth Platform Technology Team
IEG Growth Platform Technology Team
Feb 28, 2022 · Frontend Development

Handling Binary Data in Frontend: ArrayBuffer, Blob, File, and Image Processing

This article explains how JavaScript processes binary data for front‑end image handling, covering core APIs such as ArrayBuffer, TypedArray, DataView, Blob, File, and FileReader, and demonstrates practical techniques for previewing, downloading, converting, compressing, and detecting image formats using code examples.

ArrayBufferBinaryDataFileReader
0 likes · 9 min read
Handling Binary Data in Frontend: ArrayBuffer, Blob, File, and Image Processing
Java Captain
Java Captain
May 8, 2018 · Backend Development

Understanding Java I/O: Streams, Decorators, and Practical Examples

This article explains Java's I/O system, detailing how streams and decorator patterns enable flexible file reading and writing, and provides clear code examples illustrating BufferedReader, FileReader, InputStream, and OutputStream usage.

BufferedReaderFileReaderJava
0 likes · 7 min read
Understanding Java I/O: Streams, Decorators, and Practical Examples
Qunar Tech Salon
Qunar Tech Salon
Jan 9, 2018 · Frontend Development

Client‑Side Image Compression and Upload Using HTML5 FileReader and Canvas

This article explains how to implement client‑side image compression in mobile browsers by converting selected files to DataURL, resizing them with a Canvas element, adjusting compression rates based on file size, and finally uploading the compressed Blob to a server via AJAX.

FileReaderHTML5canvas
0 likes · 7 min read
Client‑Side Image Compression and Upload Using HTML5 FileReader and Canvas