Lưu tập tin Javascript với tên tập tin

Question

Tôi đang làm việc trên trình soạn thảo văn bản bằng Javascript thuần túy. Tôi muốn nó để khi người dùng nhấp vào nút 'Lưu', trình chỉnh sửa sẽ tải xuống tệp. Tôi đã làm việc này một phần:

uriContent = "data:application/octet-stream," + encodeURIComponent(codeMirror.getValue()); 
newWindow=window.open(uriContent, 'filename.txt'); 

Tải tệp xuống, nhưng vấn đề là tệp có tên 'tải xuống'.

Câu hỏi: Làm cách nào để thay đổi tên của tệp thành bất kỳ thứ gì tôi muốn, ví dụ: filename.txt?

Answer 1

Thay nút "Lưu" bằng liên kết cố định và đặt thuộc tính mới download động. Làm việc trong Chrome và Firefox:

var d = "ha"; 
$(this).attr("href", "data:image/png;base64,abcdefghijklmnop").attr("download", "file-" + d + ".png"); 

Dưới đây là một ví dụ làm việc với tên đặt là ngày hiện tại: http://jsfiddle.net/Qjvb3/

Dưới đây là một bảng tương thích cho download thuộc tính: http://caniuse.com/download

Answer 2

Sử dụng filename bất động sản như thế này:

uriContent = "data:application/octet-stream;filename=filename.txt," + 
       encodeURIComponent(codeMirror.getValue()); 
newWindow=window.open(uriContent, 'filename.txt'); 

EDIT:

Rõ ràng, không có cách nào đáng tin cậy để làm điều này. Xem: Is there any way to specify a suggested filename when using data: URI?

Answer 3

function saveAs(uri, filename) { 
    var link = document.createElement('a'); 
    if (typeof link.download === 'string') { 
     document.body.appendChild(link); // Firefox requires the link to be in the body 
     link.download = filename; 
     link.href = uri; 
     link.click(); 
     document.body.removeChild(link); // remove the link when done 
    } else { 
     location.replace(uri); 
    } 
}