cordova圖片下載

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

• 這種方式會有一個弊端就是圖片在相簿裡面找不到需要重新整理一下系統目錄或者重啟一下手機才能在相簿裡面檢視到圖片但是可以下載動圖

    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
        );
      });
    });

• 這種方法可以直接在相簿裡面看到圖片但是動圖看不到，下面是參考程式碼

    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
連結：