资料库
Chrome插件开发
下载文件

chrome 插件，如何保存文件到特定文件夹

开发 Chrome 插件并实现将文件保存到特定文件夹需要进行以下步骤：

  1. 权限申请 ：插件需要获得适当的权限来访问用户的文件系统。在插件清单文件（manifest.json）中添加以下权限：
 
"permissions": [
  "downloads",
  "downloads.shelf",
  "filesystem.write",
  "fileSystemProvider"
],
  1. 创建文件选择界面 ：创建一个弹出式界面或嵌入式界面，允许用户选择要保存的文件。你可以使用 HTML、CSS 和 JavaScript 来构建界面。
  2. 处理文件保存逻辑 ：当用户选择文件并点击保存时，你需要编写 JavaScript 代码来处理文件保存的逻辑。
document.getElementById("saveButton").addEventListener("click", async () => {
  const selectedFile = document.getElementById("fileInput").files[0];
 
  if (selectedFile) {
    const folderPath = "path/to/your/specific/folder/";
    const fileName = "example.txt";
    const fullPath = folderPath + fileName;
 
    const downloadOptions = {
      filename: fileName,
      url: URL.createObjectURL(selectedFile),
      saveAs: false, // Set to true if you want to prompt for a download location
    };
 
    // Use the downloads API to initiate the download
    chrome.downloads.download(downloadOptions, (downloadId) => {
      if (downloadId) {
        console.log("File download started:", downloadId);
      } else {
        console.error("Failed to start download.");
      }
    });
  }
});

如何保存内容为 markdown 格式的文件，或者 pdf,png,jpg

要在 Chrome 插件中保存 Markdown 格式的文件，你可以使用chrome.downloads.download方法来进行文件下载，并将 MIME 类型设置为text/markdown，这样浏览器会正确处理 Markdown 文件。

以下是保存 Markdown 文件的示例代码：

const markdownContent = `# My Markdown Document\n\nThis is a **sample** Markdown document.`;
 
const blob = new Blob([markdownContent], { type: "text/markdown" });
 
// 其他格式同理
// const blob = new Blob([pdfContent], { type: 'application/pdf' });
// const blob = new Blob([pngContent], { type: 'image/png' });
// const blob = new Blob([pngContent], { type: 'image/jpeg' });
 
const downloadOptions = {
  url: URL.createObjectURL(blob),
  filename: "sample.md",
  saveAs: false, // Prompt user for download location
};
 
chrome.downloads.download(downloadOptions, (downloadId) => {
  if (downloadId) {
    console.log("File download started:", downloadId);
  } else {
    console.error("Failed to start download.");
  }
});

在这个示例中，我创建了一个 Blob 对象，其中包含 Markdown 格式的内容。然后，我将 Blob 的 MIME 类型设置为text/markdown，并使用URL.createObjectURL创建一个临时 URL，供下载使用。最后，通过chrome.downloads.download方法来触发下载。

要保存实际的 Markdown 文件，你需要将markdownContent替换为你的 Markdown 内容，将filename设置为你想要的文件名，并根据需要调整saveAs参数来决定是否提示用户选择下载位置。

请注意，Blob 和chrome.downloads API 的行为可能会因浏览器版本而异，因此最好查阅最新的 Chrome 文档以获取更准确的信息。

参考

MongodbUX Writing