将文件保存在用户HTML提到的文件夹中



我已经创建了一个代码,我希望在其中进行某些调整。"将文本保存到文件"会下载下载文件夹中的文本文件。我希望它能提示我输入路径。它应该询问我在哪里保存文件,下载部分应该在后端,并且不可见。

这是的参考代码

<html>
<body>
<table>
<tr><td>Text to Save:</td></tr>
<tr>
<td colspan="3">
<textarea id="inputTextToSave" cols="80" rows="25"></textarea>
</td>
</tr>
<tr>
<td>Filename to Save As:</td>
<td><input id="inputFileNameToSaveAs"></input></td>
<td><button onclick="saveTextAsFile()">Save Text to File</button></td>
</tr>
<tr>
<td>Select a File to Load:</td>
<td><input type="file" id="fileToLoad"></td>
<td><button onclick="loadFileAsText()">Load Selected File</button><td>
</tr>
</table>
<script type="text/javascript">
function saveTextAsFile()
{
var textToSave = document.getElementById("inputTextToSave").value;
var textToSaveAsBlob = new Blob([textToSave], {type:"text/plain"});
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
}
function destroyClickedElement(event)
{
document.body.removeChild(event.target);
}
function loadFileAsText()
{
var fileToLoad = document.getElementById("fileToLoad").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent) 
{
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("inputTextToSave").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
}
</script>
</body>
</html>

您不能使用JavaScript将文件下载到其他位置,因为这会给用户的计算机带来安全风险。您唯一能做的就是将文本文件下载到用户下载文件夹中。然而,如果你真的需要将文件下载到不同的目录,你可以使用浏览器扩展名来完成。也没有办法确保用户看不到下载的文件。如果你真的想让用户看不到下载的文件,你可以通过下载使用驱动器,但酒吧老板通常会很快修复这些错误。

相关内容

  • 没有找到相关文章