科爾多瓦/ PhoneGap的：FileTransferError.FILE_NOT_FOUND_ERR與文件傳輸的插件

Question

在我PhoneGap的應用程序，我帶着我的相機拍攝照片，並將其按預期工作。

然後，我想將它發送到我的服務器。我看到，發送base64編碼字符串是一個不好的做法，我想最好的解決辦法是使用文件傳輸插件。

所以，我加入了插件，我寫了這個：

function onPhotoURISuccess(imageURI) { 
    try{ 
     var url = "myserver/addPhoto"; 
     alert(url); 
     var options = new FileUploadOptions(); 
     options.chunkedMode = false; 
     options.fileKey = "recFile"; 
     var imagefilename = imageURI; 
     options.fileName = imagefilename; 
     options.mimeType = "image/jpeg"; 
     options.params = { "token": APP.TOKEN}; 
     var ft = new FileTransfer(); 
     alert(imagefilename); 
     ft.upload(imageURI, url, win, fail, options); 
    } 
    catch (err) { 
     alert(err.message); 
    } 
} 

在嘗試分支中的最後一行，我得到的錯誤FileTransferError.FILE_NOT_FOUND_ERR。

在此行之前的警報中，我在警報中顯示路徑（imagefilename變量）。如果我嘗試手動去在我的Android設備這條道路，我找不到它。路徑是文件：///storage/emulated/0/Android/data/com.My.App/cache/1505307795417.jpg

所以，我試圖設置的選項

saveToPhotoAlbum: true 

檢查圖像是否保存，我正確地看到我的相冊中的照片。我不知道爲什麼我發送它時發生錯誤，可能是路徑錯誤？

我不認爲這個問題是服務器端，因爲我甚至無法看到服務器日誌的請求。

UPDATE：

我也試過之後Anuj牛逼的建議，但結果還是一樣：

function onPhotoURISuccess(imageURI) { 
    var filepath; 
    window.resolveLocalFileSystemURL(imageURI, function success(fileEntry) { 

     // Do something with the FileEntry object, like write to it, upload it, etc. 
     // writeFile(fileEntry, imageURI); 
     filepath = fileEntry.fullPath; 
     alert("got file: " + fileEntry.fullPath); 
     // displayFileData(fileEntry.nativeURL, "Native URL"); 

     try { 
      var url = "myUrl"; 
      alert(url); 
      var options = new FileUploadOptions(); 
      options.chunkedMode = false; 
      options.fileKey = "recFile"; 
      var imagefilename = filepath; 
      options.fileName = imagefilename; 
      options.mimeType = "image/jpeg"; 
      options.params = { "token": APP.TOKEN }; // if we need to send parameters to the server request 
      var ft = new FileTransfer(); 
      alert(imagefilename); 
      alert(imageURI); 

      ft.upload(filepath, url, win, fail, options); 
     } 
     catch (err) { 
      alert(err.message); 
     } 

    }, function() { 
     // If don't get the FileEntry (which may happen when testing 
     // on some emulators), copy to a new FileEntry. 
     alert("file system fail"); 
     createNewFileEntry(imgUri); 

    }); 


} 

更新2：

這是我的服務器端碼。

internal GenericResponse AddChiusuraPhoto(string token) 
    { 
     Utility.Logger("AddChiusuraPhoto"); 
     var gr = new GenericResponse(); 
     if (CheckToken(token, out IS_UTENZE utente)) 
     { 
      try 
      { 
       var md5 = new md5Manager(); 
       HttpPostedFile file = HttpContext.Current.Request.Files["recFile"]; 
       if (file == null) 
        return null; 
       string targetFilePath = @"C:\ProgramData\" + file.FileName; 
       file.SaveAs(targetFilePath); 
       Utility.Logger("[AddChiusuraPhoto] Returning lista "); 
       return gr; 
      } 
      catch (Exception ex) 
      { 
       gr.ESITO = "[KO]"; 
       gr.MESSAGGIO = ex.ToSafeString(); 
       Utility.Logger("AddChiusuraPhoto " + gr.MESSAGGIO); 
      } 
     } 
     else 
     { 
      gr.ESITO = "[KO]"; 
      gr.MESSAGGIO = "Utente non loggato, impossibile effettuare il logout."; 
      Utility.Logger("AddChiusuraPhoto " + gr.MESSAGGIO); 
     } 
     return gr; 
    } 

請注意，這是一個WCF。這是解決部分：

[OperationContract] 
[WebInvoke(UriTemplate = "chiusure/addPhoto", Method = "POST", BodyStyle = WebMessageBodyStyle.Wrapped, RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)] 
GenericResponse AddChiusuraPhoto(string token); 

Answer 1

你需要如果你需要使用一個FileEntry的物體進行拍照，並得到一個FileEntry的對象

中，destinationType設置爲Camera.DestinationType.FILE_URI在CameraOptions對象

更新的代碼

function getPicture(){ 

     var srcType = Camera.PictureSourceType.CAMERA; 
     var options = setOptions(srcType); 
     //var func = createNewFileEntry; 

     navigator.camera.getPicture(function cameraSuccess(imageUri) { 

      //displayImage(imageUri); 
      // You may choose to copy the picture, save it somewhere, or upload. 
      //func(imageUri); 
      var filename = imageUri.substr(imageUri.lastIndexOf('/') + 1); 
      window.resolveLocalFileSystemURL(cordova.file.cacheDirectory, function success(dirEntry) { 

       // Do something with the FileEntry object, like write to it, upload it, etc. 
       // writeFile(fileEntry, imgUri); 
       console.log("got file: " + dirEntry.fullPath); 

       console.log("file name " + filename); 
       // JPEG file 
       dirEntry.getFile(filename, { create: true, exclusive: false }, function (fileEntry) { 

         // Do something with it, like write to it, upload it, etc. 
         // writeFile(fileEntry, imgUri); 
         console.log("got file: " + fileEntry.fullPath); 
         // displayFileData(fileEntry.fullPath, "File copied to"); 
         upload(fileEntry); 

        }, onErrorCreateFile);      
       // displayFileData(fileEntry.nativeURL, "Native URL"); 
      }, function() { 
      // If don't get the FileEntry (which may happen when testing 
      // on some emulators), copy to a new FileEntry. 
       //createNewFileEntry(imgUri); 
      }); 
      //console.log(imageUri); 

     }, function cameraError(error) { 
      console.debug("Unable to obtain picture: " + error, "app"); 

     }, options); 
}; 

設置選項功能。

function setOptions(srcType) { 
    var options = { 
     // Some common settings are 20, 50, and 100 
     quality: 50, 
     destinationType: Camera.DestinationType.NATIVE_URI , 
     // In this app, dynamically set the picture source, Camera or photo gallery 
     sourceType: srcType, 
     encodingType: Camera.EncodingType.JPEG, 
     mediaType: Camera.MediaType.PICTURE, 
     allowEdit: false, 
     saveToPhotoAlbum:false, 
     correctOrientation: true //Corrects Android orientation quirks 
    }; 
    return options; 
} 

查看詳細說明here。

要將文件上傳到服務器

function upload(fileEntry) { 

var fileURL = fileEntry.toURL(); 

var success = function (r) { 
    console.log("Successful upload..." + JSON.stringify(r)); 
    console.log("Code = " + JSON.stringify(r.responseCode)); 
    alert(JSON.stringify(r.response)); 
    // displayFileData(fileEntry.fullPath + " (content uploaded to server)"); 
}; 

var fail = function (error) { 
    alert("An error has occurred: Code = " + error.code); 
    console.log("Error= " + error); 
}; 

var options = new FileUploadOptions(); 
    options.fileKey = "file"; 
    options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1); 
    options.mimeType = "text/plain"; 

var params = {}; 
params.value1 = "test"; 
params.value2 = "param"; 

options.params = params; 

var SERVER = "http://posttestserver.com/post.php"; 

var ft = new FileTransfer(); 
// SERVER must be a URL that can handle the request, like 
// http://some.server.com/upload.php 
ft.upload(fileURL, encodeURI(SERVER), success, fail, options); 
} 

，當你得到你也可以檢查您的PARAMS上傳到服務器或沒有成功警報，您將收到成功的鏈接。

希望這有助於。