Javascript Electron 如何从本地路径获取文件并创建 blob 文件

经过 comments 中的讨论和一些本地测试，很明显，easy-template-x似乎不支持浏览器中的ArrayBuffer个对象，尽管自述文件说它支持.

但是，这不是问题，因为您完全可以在主线程中处理模板.这就是无论如何都应该做这种事情的地方，这样你的渲染器就可以做更多的渲染器事情.最好是尽可能地利用第二个过程.JS只有一个线程，所以拥有两个进程真的很奢侈！

我已经修改了您的示例代码，以显示如何做到这一点，并使用async/await使所有内容更具可读性.您可能需要添加更多的判断，但它在我使用`Easy-Template-x@3.1.0时运行得很好

我还将您的send/on/receive struct 更改为使用ipcRenderer.invoke和ipcMain.handle的更简单的 struct .优点是主进程可以返回对调用的响应，这允许某种形式的双向通信.有关更多信息，请参见this page of the Electron docs

main.js个

const { readFile, writeFile } = require("fs/promises");
const { TemplateHandler } = require("easy-template-x");

ipcMain.handle("processTemplate", async (event, args) => {
  const loadDialog = await dialog.showOpenDialog({
    title: "Select template",
    buttonLabel: "Upload file",
    filters: [
      {
        name: "MS Word document",
        extensions: ["docx"],
      },
    ],
  });

  const selected = loadDialog.filePaths[0];

  if (selected) {
    const file = await readFile(selected);
  
    const handler = new TemplateHandler();
    const doc = await handler.process(file, params);
  
    const saveDialog = await dialog.showSaveDialog({
      title: "Save document",
      buttonLabel: "Save document",
      filters: [
        {
          name: "MS Word document",
          extensions: ["docx"],
        },
      ],
    });
    
    if (saveDialog.filePath) {
      await writeFile(saveDialog.filePath, doc);
    }
  }
});

preload.js个

const { contextBridge, ipcRenderer } = require("electron");

contextBridge.exposeInMainWorld("templates", {
  processTemplate: (params) => ipcRenderer.invoke("processTemplate", params),
});

renderer.js个

async function process() {
  await window.templates.processTemplate(templateParams);
}

如果关于该代码有任何不清楚的地方，或者您有更多的问题，请随时提问！