Hướng dẫn how do i save a text file using javascript? - làm cách nào để lưu tệp văn bản bằng javascript?

Tôi đang chia sẻ một ví dụ đơn giản ở đây hôm nay để giải thích cách bạn có thể lưu dữ liệu biểu mẫu của mình dễ dàng trong tệp văn bản hoặc trong tệp .txt bằng JavaScript.

Một biểu mẫu web thường có nhiều yếu tố khác nhau, chủ yếu là các trường đầu vào. Bạn có thể trích xuất dữ liệu từ các yếu tố này và lưu nó trong cơ sở dữ liệu như SQL Server hoặc chỉ cần chuyển đổi nó thành tệp JSON. Bạn thậm chí có thể lưu dữ liệu biểu mẫu của bạn trong một tệp văn bản.save your form data in a text file.

Hãy cùng xem ví dụ đầu tiên.

Đánh dấu




    
    


    
id="selCountry">
id="msg" name="msg" placeholder="Write some message ..." style="height:100px">
onclick="saveFile()" />

Bạn có thể thích điều này. Cách đọc tệp văn bản (tệp .txt) bằng JavaScript. You may like this. How to read a text file (a .txt file) using JavaScript.

Kịch bản


Thử nó

Vui lòng không bị choáng ngợp bởi quy mô của chương trình. Mã bên trong thẻ là quan trọng.code inside the

Tiếp theo, tôi đang tạo một liên kết (thẻ neo) (không hiển thị ở bất cứ đâu trên biểu mẫu) và gán tệp văn bản làm thuộc tính tải xuống liên kết.text file as the link’s download property.

let newLink = document.createElement("a");
newLink.download = sFileName;

Khi tôi đã tạo liên kết, tôi sẽ gán đối tượng Blob là HREF (hoặc là URL) cho thẻ liên kết mới được tạo.href (or as the URL) to the newly created Link tag.

if (window.webkitURL != null) {
    newLink.href = window.webkitURL.createObjectURL(textToBLOB);
}
else {
    newLink.href = window.URL.createObjectURL(textToBLOB);
    newLink.style.display = "none";
    document.body.appendChild(newLink);
}

Bây giờ, bạn cũng có thể chuyển đổi dữ liệu biểu mẫu của mình thành PDF bằng JavaScript. Now, you can also convert your Form data into PDF using JavaScript.

Hướng dẫn how do i save a text file using javascript? - làm cách nào để lưu tệp văn bản bằng javascript?

Blob là viết tắt của đối tượng lớn nhị phân. Blobs thường là, hình ảnh và tệp âm thanh, được chuyển đổi thành nhị phân và sau đó được lưu trữ trong cơ sở dữ liệu. Sử dụng hàm tạo blob (), tôi có thể chuyển đổi các văn bản thông thường thành các đối tượng Blob. stands for Binary Large Object. BLOBs are typically, images and audio files, which are converted into Binary and are later stored in a database. Using the Blob() constructor, I can convert ordinary texts into Blob objects.

Bạn có thể thấy giá trị BLOB (được gắn vào URL liên kết hoặc thẻ mà chúng tôi đã tạo trong tập lệnh của chúng tôi) trong cửa sổ Bảng điều khiển trình duyệt của bạn. Ví dụ, tag that we created in our script) in your browser’s console window. For example,

if (window.webkitURL != null) {
    newLink.href = window.webkitURL.createObjectURL(textToBLOB);
    console.log (newLink);    
}

hình ảnh

Hướng dẫn how do i save a text file using javascript? - làm cách nào để lưu tệp văn bản bằng javascript?

Hình ảnh hiển thị thẻ với URL có giá trị blob. Trong cửa sổ Bảng điều khiển, sao chép URL và dán nó vào thanh địa chỉ trình duyệt. Trình duyệt sẽ dịch Blob và sẽ hiển thị giá trị.

Hãy nhớ rằng: Mỗi lần bạn nhấp vào nút Lưu, tập lệnh sẽ tạo một blob mới từ dữ liệu biểu mẫu.: Every time you click the save button, the script will create a new BLOB from the form data.

Dòng mã cuối cùng, chỉ cần gọi sự kiện nhấp chuột của thẻ và trình duyệt tải xuống tệp chứa dữ liệu trong đĩa cứng cục bộ của bạn.click event of the tag and the browser downloads the file containing the data in your local hard disc.

newLink.click();

Không chỉ là văn bản đơn giản, bạn thậm chí có thể chuyển đổi hình ảnh thành PDF chỉ bằng JavaScript. Kiểm tra bài viết này. Not just plain text, you can even convert an image into a PDF using only JavaScript. Check out this post.

Đó là nó. Cảm ơn vì đã đọc. ☺

← Trước đó →Next →


Làm cách nào để lưu giá trị hộp văn bản vào tệp .txt trong HTML bằng JavaScript?

Nếu bạn muốn, bạn có thể tải xuống mã nguồn của dự án này (văn bản TextArea vào một tệp bằng JavaScript) ...
Tạo một hộp trên trang web. ....
Thêm một tiêu đề. ....
Tạo một hộp đầu vào văn bản. ....
Tạo một hộp để nhập tên tệp. ....
Tạo nút tải xuống tệp. ....
Lưu văn bản vào tệp với JavaScript ..

Save () làm gì trong JavaScript?

Phương thức lưu lưu một đối tượng RecordSet vào một tệp hoặc một đối tượng luồng.Khi phương thức lưu kết thúc, con trỏ bản ghi sẽ chỉ vào bản ghi đầu tiên của bản ghi.Lưu ý: Nếu có bộ lọc được áp dụng cho bản ghi, chỉ các bản ghi "được lọc" sẽ được lưu.saves a Recordset object to a file or a Stream object. When the save method is finished, the record pointer will point at the first record of the Recordset. Note: If there is a filter applied to the Recordset, only the "filtered" records will be saved.

JavaScript có thể ghi vào một tệp văn bản không?

Có một mô-đun tích hợp hoặc thư viện được xây dựng trong NodeJS, xử lý tất cả các hoạt động viết được gọi là FS (hệ thống tệp).Về cơ bản, nó là một chương trình JavaScript (fs. JS) trong đó chức năng cho các hoạt động viết được viết.Nhập mô hình FS trong chương trình và sử dụng các chức năng để ghi văn bản vào các tệp trong hệ thống.Import fs-module in the program and use functions to write text to files in the system.

Làm cách nào để lưu một đối tượng trong JavaScript?

const fileSaver = yêu cầu ('file-saver');// lưu tệp blob file const file = createdBlob ('xin chào, tệp!');FileSaver.saveas (tệp, "myfile.txt");// Lưu tệp URL.FileSaver. saveAs(file, "myFile. txt"); // Save URL FileSaver.