我們將介紹兩種方式將照片保存到本地

• 官方下載插件FileTransfer

  這種方式會(huì)有一個(gè)弊端就是圖片在相冊(cè)里面找不到需要刷新一下系統(tǒng)目錄或者重啟一下手機(jī)才能在相冊(cè)里面查看到圖片但是可以下載動(dòng)圖

    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文件夾創(chuàng)建失敗');
        });
      }, function () {
        publicMethod.showLoadingNoBackdrop('Giti文件夾創(chuàng)建失敗');
      });
    });
    // 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插件

  這種方法可以直接在相冊(cè)里面看到圖片但是動(dòng)圖看不到，下面是參考代碼

    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.onload = 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);
      }
    }