Как сделать так, чтобы в браузере отображалось диалоговое окно «Сохранить как», чтобы пользователь мог сохранить содержимое строки в файл в своей системе?
Например:
var myString = "my string with some stuff";
save_to_filesystem(myString,"myString.txt");
В результате получается что-то вроде этого:
Если кому-то все еще интересно ...
У меня так получилось:
<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a>
не могу вспомнить свой источник, но он использует следующие методы \ функции:
Нашел ссылку:
http://paxcel.net/blog/savedownload-file-using-html5-javascript-the-download-attribute-2/
РЕДАКТИРОВАТЬ: Как вы можете понять из комментариев, это НЕ работает в
http://caniuse.com/#feat=download
Для этого есть библиотека javascript, см. FileSaver.js на Github.
Однако функция saveAs() не будет отправлять браузеру чистую строку, вам нужно преобразовать ее в 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;
}
а затем вызовите saveAs в большом двоичном объекте, например:
var myString = "my string with some stuff";
saveAs( data2blob(myString), "myString.txt" );
Конечно, не забудьте включить вышеупомянутую библиотеку javascript на свою веб-страницу, используя <script src=FileSaver.js>
Существует новая спецификация, называемая Native File System API, которая позволяет вам делать это правильно. например это:
const result = await window.chooseFileSystemEntries({ type: "save-file" });
Здесь есть демонстрация , но я считаю, что она использует пробную версию origin, поэтому она может не работать на вашем собственном веб-сайте, если вы не зарегистрируетесь или не включите флаг конфигурации, и он, очевидно, работает только в Chrome. Если вы делаете приложение Electron, это может быть вариантом.
Это возможно с помощью этой кроссбраузерной реализации javascript функции HTML5 saveAs: https://github.com/koffsyrup/FileSaver.js
Если все, что вам нужно сделать, это сохранить текст, то приведенный выше сценарий работает во всех браузерах (включая все версии IE), не используя ничего, кроме JS.
Решение с использованием только javascript
function saveFile(fileName,urlFile){
let a = document.createElement("a");
a.style = "display: none";
document.body.appendChild(a);
a.href = urlFile;
a.download = fileName;
a.click();
window.URL.revokeObjectURL(url);
a.remove();
}
let textData = `El contenido del archivo
que sera descargado`;
let blobData = new Blob([textData], {type: "text/plain"});
let url = window.URL.createObjectURL(blobData);
//let url = "pathExample/localFile.png"; // LocalFileDownload
saveFile('archivo.txt',url);
Используя execComand:
<input type="button" name="save" value="Save" onclick="javascript:document.execCommand('SaveAs','true','your_file.txt')">
По следующей ссылке: execCommand
