Chrome APP/Extension 从 URL 下载文件
Chrome APP/Extension download file from URL
我一直在研究,但我没有找到任何相关信息。
我需要一个 chrome 应用程序,它将 运行 在 Chrome OS 上下载文件(图像、mp3、视频等)然后显示内容为 HTML.
我的意思是如果应用程序下载视频,然后在视频标签上播放它。图片也一样...下载并显示在 img 标签上。
谢谢!!
请参阅 Handling external content 上的 Chrome 应用文档。它提供了一个很好的概述。
一个简短的版本:
- 在清单中声明您要访问的来源。
- 通过 XHR(或者 Fetch API)获取资源。
- 将响应用作
blob:
(例如,您可以将其插入 <video src="...">
)。
- 可选,save the resource 本地。
我也处理过这个问题,这里是一个保存到文件系统+在屏幕上显示的工作示例:
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 应用程序,它将 运行 在 Chrome OS 上下载文件(图像、mp3、视频等)然后显示内容为 HTML.
我的意思是如果应用程序下载视频,然后在视频标签上播放它。图片也一样...下载并显示在 img 标签上。
谢谢!!
请参阅 Handling external content 上的 Chrome 应用文档。它提供了一个很好的概述。
一个简短的版本:
- 在清单中声明您要访问的来源。
- 通过 XHR(或者 Fetch API)获取资源。
- 将响应用作
blob:
(例如,您可以将其插入<video src="...">
)。 - 可选,save the resource 本地。
我也处理过这个问题,这里是一个保存到文件系统+在屏幕上显示的工作示例:
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 :)';
});
});
})