亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

cordova圖片下載

標簽:
JavaScript

我们将介绍两种方式将照片保存到本地

  • 官方下载插件FileTransfer

    这种方式会有一个弊端就是图片在相册里面找不到需要刷新一下系统目录或者重启一下手机才能在相册里面查看到图片但是可以下载动图

      vm.url = encodeURI(baseConfig.imgPath + vm.nowImgs[vm.nowImgIndex]);
      vm.fileName = vm.nowImgs[vm.nowImgIndex].split("/").pop();  var fileTransfer = new FileTransfer();  var trustHosts = true;  var options = {      headers: {        "Authorization": 'access_token'
          }
       };  //Android:
      vm.fileURL = cordova.file.externalRootDirectory;  window.resolveLocalFileSystemURL(vm.fileURL, function (fileEntry) {
        fileEntry.getDirectory("Giti", {create: true, exclusive: false}, function (fileEntry) {
          fileEntry.getDirectory("img", {create: true, exclusive: false}, function (fileEntry) {
            fileTransfer.download(
              vm.url,
              fileEntry.toURL() + vm.fileName,          function (success) {
                
              },          function (error) {
              
              },
              options,
              trustHosts
            );
          }, function () {
            publicMethod.showLoadingNoBackdrop('img文件夹创建失败');
          });
        }, function () {
          publicMethod.showLoadingNoBackdrop('Giti文件夹创建失败');
        });
      });  // iOS
      vm.fileURL = cordova.file.documentsDirectory + vm.fileName;  window.requestFileSystem(LocalFileSystem.PERSISTENT, 5 * 1024 * 1024, function (fs) {
        fs.root.getDirectory('Giti', {create: true, exclusive: false}, function (directory) {
          fileTransfer.download(
            vm.url,
            directory.nativeURL + vm.fileName,        function (success) {
             
            },        function (error) {
              
            },
            trustHosts,
            options
          );
        });
      });
  • Canvas2ImagePlugin插件

    这种方法可以直接在相册里面看到图片但是动图看不到,下面是参考代码

      function keepImg(){      var success = function (msg) {
          
          };      var error = function (err) {
          
          };
          saveImageToPhone(vm.url, success, error);
      }          
      function saveImageToPhone(url, success, error) {    var canvas, context, imageDataUrl, imageData;    var img = new Image();
        img.src = url;
        img. = function () {      console.log('Img size: ' + img.naturalWidth + 'x' + img.naturalHeight);
          canvas = document.createElement('canvas');
          canvas.width = img.width;
          canvas.height = img.height;
          context = canvas.getContext('2d');
          context.drawImage(img, 0, 0);      try {
            imageDataUrl = canvas.toDataURL('image/jpeg', 1.0);
            imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, '');
            cordova.exec(
              success,
              error,          'Canvas2ImagePlugin',          'saveImageDataToLibrary',
              [imageData]
            );
          }      catch (e) {
            error(e.message);
          }
        };    try {
          img.src = url;      console.log("153" + img.src);
        }    catch (e) {      console.log("156" + img.src);
          error(e.message);
        }
      }



作者:Nickyzhang
链接:https://www.jianshu.com/p/d298ef375822


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消