javascript 虽然点击按钮,我可以下载文件,但我想要的需要打开文件系统whre文件将在react js下载

mzmfm0qo  于 2023-02-18  发布在  Java
关注(0)|答案(1)|浏览(99)
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 js
your text

0g0grzrc

0g0grzrc1#

窗口.showSaveFilePicker可以帮助您。
https://developer.mozilla.org/en-US/docs/Web/API/Window/showSaveFilePicker
这种方法与浏览器性能不佳,但与现代Chrome,Edge和Opera兼容

相关问题