如何使用javascript從html保存/寫入文件？

Question

我正在做一個簡單的桌面應用程序來裁剪照片，為了做到這一點，我有一個帶有一些依賴項和 HTML 文件的 npm 項目，並使用以下命令啟動瀏覽器， chromium-browser --disable-web-security 。

問題是當應用程序執行此代碼時：

crop(event) {
        cropper.getCroppedCanvas().toBlob((blob) => {
        saveAs(new Blob([blob] ), './a.jpg');
      });

並且此操作會自動下載下載文件夾中的文件，而不是索引文件所在的文件夾。

關於如何設置下載文件的相對路徑的任何想法？

謝謝。

Answer 1

如果您只是針對 chrome，有一種方法。 您可以使用 Chrome 的 FS 功能

https://web.dev/file-system-access/

如果您首先使用此 API 加載文件，您將擁有 FileHandler 對象以供您保存時使用