import React, { useState } from 'react';
function SaveToFile() {
const [content, setContent] = useState('');
const handleContentChange = (event) => {
setContent(event.target.value);
}
const handleSave = () => {
const file = new Blob([content], { type: 'text/plain' });
const a = document.createElement('a');
const url = URL.createObjectURL(file);
a.href = url;
a.download = 'myFile.txt';
document.body.appendChild(a);
a.click();
setTimeout(() => {
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}, 0);
}
return (
<div>
<textarea value={content} onChange={handleContentChange} />
<button onClick={handleSave}>Save to file</button>
</div>
);
}
以上代码即时通讯使用下载文件所以
我不知道......但是
我可以下载文件,但我想要什么,而点击按钮,我需要打开文件系统的文件将保存在react jsyour text
1条答案
按热度按时间0g0grzrc1#
窗口.showSaveFilePicker可以帮助您。
https://developer.mozilla.org/en-US/docs/Web/API/Window/showSaveFilePicker
这种方法与浏览器性能不佳,但与现代Chrome,Edge和Opera兼容