如何使用 JavaScript 在 Html 中指定下载位置

Question

是否可以使用 JavaScript 从 Html 页面指定文件的下载位置？

下面提供了我目前用来下载文件的功能。

function saveTextAsFile()
{      
    var textToWrite = document.getElementById("inputTextToSave").value;
    var textFileAsBlob = new Blob([textToWrite], {type:'xlsx'});
    var fileNameToSaveAs = "NAME.csv";
    var downloadLink = document.createElement("a");
    downloadLink.download = fileNameToSaveAs;
    window.URL = window.URL || window.webkitURL;
    downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
    downloadLink.onclick = destroyClickedElement;
    downloadLink.style.display = "none";
    document.body.appendChild(downloadLink);
    downloadLink.click();
}

提前感谢您的帮助。

Answer 1

浏览器是否询问用户取决于浏览器中的首选项。

您不能绕过这些偏好，否则会侵犯用户的安全。

您可以做的是确保向浏览器发送尽可能多的信息，以帮助它提供良好的用户体验。如果您还没有这样做，请确保在对下载请求的响应中包含 Content-Disposition header，包括文件名字段：

Content-Disposition: attachment; filename=test.csv

另请参阅这些其他 Whosebug 问题：
Specify default download folder - possibly with JavaScript?
Set file download destination using ExtJs

Answer 2

也尝试 https://web.dev/file-system-access/ showSaveFilePicker()

如何使用 JavaScript 在 Html 中指定下载位置

How to specify download location in Html using JavaScript

html

javascript

output