是否可以使用 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();
}
Run Code Online (Sandbox Code Playgroud)
提前感谢您的帮助。
现在我正在创建一个语音搜索功能。所以计划是我将使用 ReactJS 录制音频,将 Blob 文件转换为 .wav 文件。创建文件后,我会将其保存在本地桌面上。一旦文件位于桌面上,我将使用 python 中的操作系统模块访问桌面上的文件,将音频文件解释为文本。
所以一切基本上都完成了,我遇到的唯一问题是我不知道如何使用 ReactJS 将文件保存在我的桌面上。
有人可以帮我解决这个问题吗?
我正在使用HTML5从以下代码下载文件,您可以在JSBIN HTML5下载文件DEMO及其工作完美文件并在我的浏览器默认下载文件夹下载我的文件.
<!DOCTYPE html>
<html>
</head>
</head>
<body>
<table>
<tr><td>Text To Save:</td></tr>
<tr>
<td colspan="3">
<textarea id="inputTextToSave" style="width:512px;height:256px"></textarea>
</td>
</tr>
<tr>
<td>Filename To Save As:</td>
<td><input id="inputFileNameToSaveAs"></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 textToWrite = document.getElementById("inputTextToSave").value;
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs; …Run Code Online (Sandbox Code Playgroud)