H5下载视频到andriod/ios相册中

最新推荐文章于 2025-12-16 12:30:54 发布

原创最新推荐文章于 2025-12-16 12:30:54 发布 · 7.3k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用HTML5 Plus API实现资源的下载，并将下载的图片或视频保存到本地相册，同时提供了完整的代码示例，包括下载任务的创建、状态检查及保存后的操作。

console.log('开始下载');
var imgUrl = '图片或者视频地址';
console.log('图片地址：' + imgUrl);
var suffix = 'ceshi.mp4'; /*保存的文件名*/
/**
 * 创建下载任务
 * http://www.html5plus.org/doc/zh_cn/downloader.html#plus.downloader.createDownload
 */
var downLoader = plus.downloader.createDownload(imgUrl, {
	method: 'GET',
	filename: '_downloads/image/' + suffix
}, function(download, status) {
	var fileName = download.filename;
	console.log('文件名:' + fileName);
	console.log('下载状态：' + status);
	/**
	 * 保存至本地相册
	 * http://www.html5plus.org/doc/zh_cn/gallery.html#plus.gallery.save
	 */
	plus.gallery.save(fileName, function() {
		/**
		 * 保存后，弹出对话框是否查看；
		 * http://dev.dcloud.net.cn/mui/ui/#dialog
		 */
		 /*以下代码 视频下载打开相册会找不到视频 无效代码可以不需要*/
		mui.confirm("打开相册", "打开相册？", ["打开", "不看"], function(event) {
			var gindex = event.index;
			if(gindex == 0) {
				/**
				 * 选择图片
				 * http://www.html5plus.org/doc/zh_cn/gallery.html#plus.gallery.pick
				 */
				plus.gallery.pick(function(file) {
					mui.toast("你选择了图片：" + file);
				}, function(error) {
					console.log(error);
				}, {

				});
			}
		});
	});
});
/**
 * 开始下载任务
 * http://www.html5plus.org/doc/zh_cn/downloader.html#plus.downloader.Download.start
 */
downLoader.start();