Làm cách nào để tạo và ghi tệp bằng JavaScript?
Chào mừng bạn đến với hướng dẫn về cách tạo và lưu tệp trong Javascript. Chà, đây sẽ là một quá trình phức tạp cho người mới bắt đầu. Để mọi thứ đơn giản – Lưu tệp trên NodeJS phía máy chủ rất dễ dàng, nhưng thật khó để lưu trực tiếp tệp ở phía máy khách do các hạn chế về bảo mật. Điều đó nói rằng, có nhiều phương pháp chúng ta có thể sử dụng Show
Các cách có thể để tạo và lưu tệp trong Javascript là
Điều đó bao gồm những điều cơ bản, nhưng chúng ta hãy xem qua các ví dụ chi tiết trong hướng dẫn này – Đọc tiếp ⓘ Tôi đã bao gồm một tệp zip chứa tất cả mã nguồn ví dụ khi bắt đầu hướng dẫn này, vì vậy bạn không cần phải sao chép-dán mọi thứ… Hoặc nếu bạn chỉ muốn đi sâu vào
TRANG TRÌNH BÀY NHANHTải xuống & Ghi chú
TẢI XUỐNG & LƯU ÝĐầu tiên, đây là liên kết tải xuống mã ví dụ như đã hứa
GHI CHÚ NHANHNếu bạn phát hiện ra một lỗi, hãy bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với cả thế giới… Nếu bạn cần câu trả lời gấp, vui lòng xem danh sách các trang web của tôi để được trợ giúp về lập trình
MÃ VÍ DỤ TẢI XUỐNGNhấp vào đây để tải xuống mã nguồn, tôi đã phát hành mã nguồn theo giấy phép MIT, vì vậy vui lòng xây dựng trên mã nguồn đó hoặc sử dụng mã nguồn đó trong dự án của riêng bạn
LƯU TẬP TIN TRONG JAVASCRIPTĐược rồi, bây giờ chúng ta hãy tìm hiểu các cách khác nhau để lưu tệp trong Javascript
PHƯƠNG PHÁP 1) SỬ DỤNG FILE SAVER1 trình bảo vệ tệp. js
Cảm ơn chúa, ai đó đã làm tất cả công việc khó khăn. Đây là một trong những cách dễ nhất và “an toàn nhất” trên nhiều trình duyệt để lưu tệp –
PHƯƠNG PHÁP 2) TẠO TẬP TIN TỪ BLOB & FORCE DOWNLOAD2-blob-tải xuống. html
Do các hạn chế về bảo mật, Javascript phía máy khách không thể truy cập trực tiếp vào hệ thống tệp. Tức là không ghi và tải tệp trực tiếp trên máy tính của người dùng. Nhưng đây là cách làm vòng vo – Tạo một đối tượng BLOB (nhị phân) để chứa tất cả dữ liệu, sau đó đặt liên kết tải xuống cho nó
PHƯƠNG PHÁP 3) TẢI BLOB LÊN MÁY CHỦJAVASCRIPT3a-blob-tải lên. html 1
PHP3b-blob-tải lên. php 5Đây là một giải pháp thay thế cho tải xuống BLOB ở trên – Thay vào đó, chúng tôi tải BLOB lên và lưu nó trên máy chủ
PHƯƠNG PHÁP 4) DÒNG TẬP TIN CÓ THỂ GHI4-tệp-luồng. html 6Vâng, thời đại của bà già của Internet đã qua. Chúng tôi có thể tạo trình xử lý tệp và luồng tệp trên máy tính của người dùng, sử dụng nó để lưu tệp. Nhưng thao tác này vẫn mở ra hộp thoại “save file as”, chúng ta không thể lưu trực tiếp mà không có sự cho phép của người dùng P. S. Tính năng này sẽ chỉ hoạt động trên Chrome, Edge và Opera tại thời điểm viết bài
PHƯƠNG PHÁP 5) VIẾT VÀO TẬP TIN TRONG NODEJS5 nút. js 7Vâng, nó đơn giản đến mức ngu ngốc. Chỉ cần tải mô-đun hệ thống tệp 12 và sử dụng hàm 13. Để tải tệp, chúng tôi sử dụng hàm 14 tương ứng
BIT & LIÊN KẾT HỮU ÍCHĐó là tất cả cho hướng dẫn này và đây là một phần nhỏ về một số tính năng bổ sung và liên kết có thể hữu ích cho bạn
KIỂM TRA TÍNH TƯƠNG THÍCH
Không phải tất cả các trình duyệt đều hỗ trợ kiểu dữ liệu BLOB cũng như tất cả các tính năng ghi tệp. Vì vậy, tốt nhất bạn nên thực hiện một số kiểm tra trước khi bật các tính năng ninja của mình – Tôi khuyên bạn nên sử dụng Modernizr để phát hiện xem trình duyệt có hỗ trợ một số tính năng nhất định hay không
LIÊN KẾT và THAM KHẢO
VIDEO HƯỚNG DẪN
BẢNG CHEAT INFOGRAPHICCảm ơn bạn đã đọc, và chúng tôi đã đi đến phần cuối của hướng dẫn này. Tôi hy vọng rằng nó đã giúp bạn với dự án của bạn và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, xin vui lòng bình luận bên dưới. Chúc may mắn và mã hóa vui vẻ Làm cách nào để tạo tệp bằng JavaScript và ghi vào đó?Cách tạo và lưu tệp văn bản trong JavaScript . Một hàm JavaScript kích hoạt sự kiện nhấp vào nút Tạo một hàm tạo Blob, truyền dữ liệu vào đó để lưu và đề cập đến loại dữ liệu Và cuối cùng, gọi đối tượng saveAs(Blob, "your-file-name. text") của FileSaver. thư viện js Làm cách nào để viết tệp văn bản bằng JavaScript?Làm cách nào để đọc và ghi tệp bằng Javascript? . Đường dẫn - Tham số đầu tiên là đường dẫn của tệp hoặc tên của tệp mà dữ liệu đầu vào sẽ được ghi vào. . inputData - Tham số thứ hai là dữ liệu đầu vào chứa dữ liệu được ghi trong tệp được mở Chúng ta có thể viết một tệp bằng JavaScript không?mô-đun js fs. Các fs. readFile() và rs. các phương thức writeFile() được sử dụng để đọc và ghi tệp bằng javascript . |