Chrome APP/扩展程序从网址下载文件
Chrome APP/Extension download file from URL
我一直在研究,但我没有发现任何关于这一点的东西。
我需要一个将在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 应用文档,了解如何处理外部内容。它提供了一个很好的概述。
简短版本:
- 在清单中声明要访问的源。
- 通过XHR(或者实际上,Fetch API)获取资源。
- 使用响应作为
blob:
(例如,您可以将其插入<video src="...">
)。 - (可选)在本地保存资源。
相关文章:
- 如何在生成下载文件时显示加载动画
- 直接下载文件,而不是从window.open(url)
- Javascript运行php文件,然后下载文件
- 在单击href链接的同时下载文件
- 通过javascript下载文件时设置文件名
- HTML锚标记无法在android平台中下载文件
- 链接/按钮从子文件夹下载文件--浏览器只是浏览
- iPhone强制下载文件
- 正在下载文件,同时加载另一个页面
- 如何在node.js中只下载文件的前10 KB
- 如何使用XMLHttpRequest下载文件
- 使用angular js在前端下载文件
- 使用blob从ajax结果下载文件
- 通过Android Chrome浏览器下载文件
- 使用AJAX下载文件.来自SD卡
- 如何使用phonegap从android中的URL下载文件
- 使用ajax下载文件
- 无法使用Angular JS和spring MVC打开下载文件
- 无法使用API-node.js从Google Drive下载文件
- 点击jQuery按钮下载文件