До HTML5 вы не могли этого сделать. На самом деле, мой ответ состоял в том, что вы не можете сделать это с HTML и JavaScript из-за нарушения безопасности. Но кажется, что людям иногда нужно это делать, и теперь есть способ, не обходя протоколы безопасности.
Чтобы иметь возможность сохранять файлы и папки изнутри веб-браузера на локальный жесткий диск вам понадобится доступ к файловой системе. Поскольку это означает потенциальное огромное нарушение безопасности, по умолчанию оно не разрешено. В качестве компромисса между всеми или ничем, FileSystem-API разрешен доступ только к определенной c защищенной области на локальном диске, управляемой браузером.
https://www.jotform.com/blog/html5-filesystem-api-create-files-store-locally-using-javascript-webkit/
В этой статье рассказывается, как это можно сделать в HTML5, а точнее JavaScript в HTML5 документе.
window.webkitRequestFileSystem(window.TEMPORARY, 1024*1024, SaveDatFileBro);
window.webkitRequestFileSystem(window.PERSISTENT , 1024*1024, SaveDatFileBro);
navigator.webkitPersistentStorage.requestQuota(1024*1024, function() {
window.webkitRequestFileSystem(window.PERSISTENT , 1024*1024, SaveDatFileBro);
})
function SaveDatFileBro(localstorage) {
localstorage.root.getFile("info.txt", {create: true}, function(DatFile) {
DatFile.createWriter(function(DatContent) {
var blob = new Blob(["Lorem Ipsum"], {type: "text/plain"});
DatContent.write(blob);
});
});
}
This означает, что вам нужно получить значения из формы HTML в JavaScript.
HTML:
<input type="text" name="name" id="uniqueID" value="value" />
JS:
var nameValue = document.getElementById("uniqueID").value;
JavaScript - Получение HTML значений формы