Hướng dẫn how do i store html form field value into a text file using javascript? - làm cách nào để lưu trữ giá trị trường biểu mẫu html vào tệp văn bản bằng javascript?

    
    


    

        
        

        

        

        

             id="selCountry">
                -- Choose the country --
                India
                Japan
                USA
            
        
        

             id="msg" name="msg" placeholder="Write some message ..." style="height:100px">
        

        
        

            onclick="saveFile()" />
        
    

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.

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ì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 →