使用HBuilder mui将图片保存到手机相册（移动端将图片、文件保存至手机相册）

最新推荐文章于 2024-12-24 21:40:37 发布

原创最新推荐文章于 2024-12-24 21:40:37 发布 · 4.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#H5、移动端将文件图片保存到手机相册

vue 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在Vue项目中利用MUI库实现图片的下载与保存功能，详细步骤包括全局引入MUI.js，定义下载方法并在手机上进行调试。

1、首先需要全局引用mui.js; mui下载地址：http://dcloud.io/hellomui/；
2、在vue methods中写一个调用方法；

downloadIamgeMUI(urls) {
      let that = this;
   
      mui.plusReady(()=> {
		// 创建下载任务 图片下载地址
		var picurl = urls
		// var picurl = 'http://47.111.120.123/userfiles/程序附件/wx/20190725110730327554.png';
		//图片保存到手机后的路径
		var dtask = plus.downloader.createDownload(picurl, {}, function(d, status) {
            // 下载完成
          
            console.log(status);
			if (status == 200) {
              plus.gallery.save(d.filename, function() { //保存到相册方法
              that.$toast('图片已保存本地。')
				
							}, function() {
								that.$toast('图片已保存失败。')
							});
						} else {
							that.$toast('图片已保存失败。')
						}
					})
					dtask.start() //开始下载
				})

    },

3、特别声明，不能在电脑浏览器中使用，只能在手机中调试模拟