Lưu chuỗi json vào máy khách (sử dụng API HTML5)

Question

Tôi đọc một vài chuỗi cũ hơn về cùng, nhưng thấy API tệp đã thay đổi rất nhiều trong thời gian gần đây. Yêu cầu của tôi là để lưu một tập tin json (dữ liệu là cục bộ trong indexdDB, nhưng tôi cần một cách để sao lưu nó). Vì tôi sử dụng indexdDB, tôi chỉ nhắm mục tiêu các trình duyệt gần đây, chủ yếu là chrome. Vì vậy, nó có thể lưu dữ liệu (chuỗi json) vào máy tính của khách hàng?

Tôi đã xem http://eligrey.com/demos/FileSaver.js/, nhưng có cách nào để làm điều đó một cách tự nhiên không?

Cảm ơn.

Answer 1

Bạn có thể sử dụng một Blob và tính năng HTML5 a[download] để cung cấp một tải về JSON sao lưu:

var data = {a:1, b:2, c:3}; 
var json = JSON.stringify(data); 
var blob = new Blob([json], {type: "application/json"}); 
var url = URL.createObjectURL(blob); 

var a = document.createElement('a'); 
a.download = "backup.json"; 
a.href  = url; 
a.textContent = "Download backup.json"; 

Dưới đây là một ví dụ jsfiddle: http://jsfiddle.net/potatosalad/yuM2N/

Answer 2

Có, bạn có thể. Điều này giả định rằng bạn có json trong text:

var toDownload=new Blob([text],{type:'x-whatever/x-backup'}); 
var link=window.URL.createObjectURL(toDownload); 
window.location=link; 

chưa được kiểm tra, nhưng nó sẽ hoạt động.

Answer 3

dựa trên potatosalad answer tôi đã thử nghiệm với một 'tự' cập nhật liên kết:
jsfiddle

function saveAsFile(link, content, filename) { 
    var blob = new Blob([content], {type: "text/text"}); 
    var url = URL.createObjectURL(blob); 

    // update link to new 'url' 
    link.download = filename + ".txt"; 
    link.href  = url; 
} 

saveAsFile(this, "YourContent", "HelloWorldFile"); 

chức năng saveAsFile() cần phần tử gọi a làm đối số đầu tiên.
thay vì cập nhật mục tiêu href thành đốm màu mới.

Answer 4

Bạn có thể sử dụng FileSaver.js.

Mẫu mã:

//include the js file in html. 
<script src="FileSaver.min.js"></script>  

// other code ... 

//use it here. 
var myjson= "{a:3, b:4}"; 
var blob = new Blob([myjson], {type: "application/json"}); 

var saveAs = window.saveAs; 
saveAs(blob, "my_outfile.json"); 

Sử dụng JSON.stringify để tạo ra một chuỗi từ JSON.

Fiddle: https://jsfiddle.net/9w9ofec4/3/