Cách làm cho trình duyệt hiển thị "lưu dưới dạng hộp thoại" để người dùng có thể lưu nội dung của chuỗi vào một tệp trên hệ thống của mình?

Question

Làm cách nào để trình duyệt hiển thị "lưu dưới dạng hộp thoại" để người dùng có thể lưu nội dung của chuỗi vào một tệp trên hệ thống của mình?

Ví dụ:

var myString = "my string with some stuff"; 
save_to_filesystem(myString,"myString.txt"); 

Hệ quả là một cái gì đó như thế này:

Answer 1

Trong trường hợp bất cứ ai vẫn đang tự hỏi ...

tôi đã làm nó như thế này:

<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a>

không thể nhớ nguồn của tôi, nhưng nó sử dụng các kỹ thuật \ tính năng sau:

1. html5 tải thuộc tính
2. dữ liệu uri của

Tìm thấy tài liệu tham khảo:

http://paxcel.net/blog/savedownload-file-using-html5-javascript-the-download-attribute-2/

---

EDIT: Như bạn có thể thu thập từ các ý kiến ​​này không KHÔNG làm việc trong

1. Internet Explorer (công trình tại Edge v13 dù)
2. Safari
3. iOS Safari
4. Opera Mini
5. Trình duyệt Android (4.3 và thấp hơn)

http://caniuse.com/#feat=download

Answer 2

Sử dụng execComand:

<input type="button" name="save" value="Save" onclick="javascript:document.execCommand('SaveAs','true','your_file.txt')"> 

Trong liên kết tiếp theo: execCommand

Answer 3

Có một thư viện javascript cho điều này, xem

Tuy nhiên, saveAs() hàm sẽ không gửi chuỗi tinh khiết cho trình duyệt, bạn cần phải chuyển nó sang blob:

function data2blob(data, isBase64) { 
    var chars = ""; 

    if (isBase64) 
    chars = atob(data); 
    else 
    chars = data; 

    var bytes = new Array(chars.length); 
    for (var i = 0; i < chars.length; i++) { 
    bytes[i] = chars.charCodeAt(i); 
    } 

    var blob = new Blob([new Uint8Array(bytes)]); 
    return blob; 
} 

và sau đó gọi saveAs trên blob, như như:

var myString = "my string with some stuff"; 
saveAs(data2blob(myString), "myString.txt"); 

Tất nhiên nhớ để bao gồm thư viện javascript được đề cập ở trên trên trang web của bạn bằng cách sử dụng <script src=FileSaver.js>

Answer 4

Điều này có thể thực hiện việc triển khai javascript qua trình duyệt chéo này của chức năng HTML5 saveAs: https://github.com/koffsyrup/FileSaver.js

Nếu tất cả những gì bạn muốn làm là lưu văn bản thì kịch bản trên hoạt động trong tất cả các trình duyệt (bao gồm tất cả các phiên bản của IE), không sử dụng gì ngoài JS.