Chrome APP/扩展程序从网址下载文件

Chrome APP/Extension download file from URL

本文关键字:下载 文件 程序 APP 扩展 Chrome      更新时间:2023-09-26

我一直在研究,但我没有发现任何关于这一点的东西。

我需要一个将在Chrome OS上运行的chrome应用程序,能够下载文件(图像,mp3,视频等),然后将内容显示为HTML。

我的意思是,如果应用程序下载视频,然后在视频标签上播放。图像也是如此...下载它并显示在 IMG 标签上。

谢谢!!

我也处理过这个问题,这里有一个保存到文件系统 + 显示在屏幕上的工作示例:

var video = document.getElementById("video");
fetch('http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_20mb.mp4')
  .then(function(response) {
    return response.blob();
  })
  .then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    video.src = objectURL;
    var config = {type: 'saveFile', suggestedName: chosenEntry.name};
    chrome.fileSystem.chooseEntry(config, function(writableEntry) {
      writeFileEntry(writableEntry, myBlob, function(e) {
        output.textContent = 'Write complete :)';
      });
    });
  })

请参阅 Chrome 应用文档,了解如何处理外部内容。它提供了一个很好的概述。

简短版本:

  1. 在清单中声明要访问的源。
  2. 通过XHR(或者实际上,Fetch API)获取资源。
  3. 使用响应作为blob:(例如,您可以将其插入<video src="...">)。
  4. (可选)在本地保存资源。