1***@163.com
1***@163.com
  • 发布:2018-09-05 15:55
  • 更新:2018-09-06 03:01
  • 阅读:2481

点击下载图片

分类:MUI

mui.init({
gestureConfig: {
longtap: true
}
});
mui.plusReady(function() {
document.addEventListener("longtap", function(event) {
/**

  • 获取目标节点的tagName
    */
    var name = event.target.tagName;
    name = name.toLowerCase();
    /**
  • 如果是图片,则弹出选择框决定是否下载;
    */
    if(name === "img") {
    var imgUrl = event.target.src;
    console.log('图片地址:' + imgUrl);
    var suffix = cutImageSuffix(imgUrl);
    /**

    • http://dev.dcloud.net.cn/mui/ui/#dialog
      */
      mui.confirm("是否下载此图片", "确认下载?", ["下载", "不下"], function(event) {
      /**

      • index从0开始
        */
        var index = event.index;
        if(index == 0) {
        /**

        • 创建下载任务
        • 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();
          }
          });
          }
          });
          });

// 截取图片后缀用于重命名图片,防止%E5%85%89%E6%98%8E%E8%A1%8C编码的文件不被系统相册识别;
function cutImageSuffix(imageUrl) {
var index = imageUrl.lastIndexOf('.');
return imageUrl.substring(index);
}

0 关注 分享

要回复文章请先登录注册

DCloud_heavensoft

DCloud_heavensoft

贴代码应该把代码放到code区里,这样有高亮。建议修改下文章
2018-09-06 03:01
jtshushu

jtshushu

var downLoader = plus.downloader.createDownload(imgUrl, {

imgUrl 为下载的 jpg 图片路径 如:http://www.baidu.com/aa.jpg
2018-09-05 17:46
jtshushu

jtshushu

http://ask.dcloud.net.cn/question/58800
2018-09-05 17:43
jtshushu

jtshushu

{
method: 'GET',
filename: '_downloads/image' + suffix
}

filename: '_downloads/
我的我文章 是系统中看不到的

http://ask.dcloud.net.cn/question/58831
2018-09-05 17:42