Phonegap camera.getPicture（）缺少文件扩展名和标题数据

Question

我一直在这方面努力了一段时间。

当我用camera.getPicture（）和ft.upload（）在phonegap应用程序中上传图像时，图像上传时没有文件扩展名。我读它是因为缓存的事情，提供了一个链接到实际的文件入口什么的。

这是令人讨厌的，但我继续前进，因为该图像在我的服务器上正常上传，即使没有文件扩展名也可以很好地显示。

但今天，我们认为图像有时会旋转90°。

我立即在图像数据的缺失部分和这个问题之间建立了联系，我猜（我不确定）在这一点上我是对的。

我读旋转90°，可以通过缺少的头元数据引起的图像，所以我想不仅是文件扩展名失踪毕竟..

有人能解释我什么我在代码中失踪，该做什么或朝哪个方向看？那将是真棒。

这里是我的代码部分（我可以给你更多的如果需要的话）

navigator.camera.getPicture(function(uri) { 
    try { 
    var imageURI = uri; 
    ... 
    var ft = new FileTransfer(); 
    ft.upload(imageURI, "some_script.php", function(r) { 
     ... 

注：存储在数据库中的图像似乎罚款，当显示在标签图像的问题发生。

这里有一个文件获取旋转一次上传的例子（我手动添加了.jpg扩展名，所以我可以上传它在noelshack否则不能）。正如你所看到的，链接图像是确定的，但一旦在标记它被旋转

• http://image.noelshack.com/fichiers/2015/41/1444168922-35-1444166605.jpg
• http://jsfiddle.net/c3ybkqt8/

TL;博士

如何上传图片文件完全与phonegap包括文件扩展名&元数据标题，而不仅仅是一种缓存的文件条目。

Answer 1

的iOS代码

function capturePhoto() { 
    navigator.camera.getPicture(uploadPhoto, onFail, { 
        quality: 50, 
        // allowEdit: true, 
        correctOrientation: true, 
        destinationType: Camera.DestinationType.FILE_URL, 
        // destinationType: Camera.DestinationType.DATA_URL 
        sourceType: Camera.PictureSourceType.CAMERA 
        } 
              ); 
    } 

    // function onPhotoDataSuccess(imageData) { 
    // localStorage.setItem("ImageData",imageData); 
    // localStorage.setItem("captureImgFlag",captureImgFlag); 
    // window.location = 'profileUserImgUploadInGallary.html'; 
    // } 

    function onFail(message) { 
    // alert('Failed because: ' + message); 
    } 

    function uploadPhoto(imageURI){ 
     console.log(imageURI); 
    spinnerplugin.show(); 
    var UserId = localStorage.getItem('UserId'); 
    // imgPostGallary 
    // var img = document.getElementById('imgPostGallary'); 
       // var imageURI = img.src; 
       // var imageURI = imageData; 
       // img.src = imageURI; 
    // var ImageDataUp = localStorage.getItem('ImageDataUp'); 
    // var imageURI = ImageDataUp; 
    var options = new FileUploadOptions(); 
    options.fileKey="file"; 
    options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1); 
    options.mimeType="image/jpeg"; 

    var ft = new FileTransfer(); 
    ft.upload(imageURI, encodeURI("http://XYZ/uploadimg?user_id="+UserId+""), winGallary, fail, options); 
    console.log(ft.upload); 
    } 

    function winGallary(rGallary) { 
     console.log("Code = " + rGallary.responseCode); 
     console.log("Response = " + rGallary.response); 
     console.log("Sent = " + rGallary.bytesSent); 
     spinnerplugin.hide(); 
     window.location = 'profileUserImgUploadInGallary.html'; 
    } 

    function fail(error) { 
    console.log("upload error source " + error.source); 
    console.log("upload error target " + error.target); 
    } 

Answer 2

你好，这里是完整的例子它为我拍摄照片和设置图像标记和上传服务器上的照片。你仍然面临着任何问题。

<img id="profileImageId"> 
    <script type="text/javascript"> 
       var profileImage = ''; 
       function profileCapturePhotoEdit() { 
        navigator.camera.getPicture(profileonPhotoDataSuccess, onFail, { 
        quality: 50, 
        // allowEdit: true, 
        correctOrientation: true, // using this your image not roted 90 degree 
        destinationType: Camera.DestinationType.DATA_URL, 
        sourceType: Camera.PictureSourceType.CAMERA } 
              ); 
       } 

       function profileonPhotoDataSuccess(imageData) { 
        localStorage.setItem("imageDataProfile","data:image/jpeg;base64," + imageData); 
        var imageDataProfile = localStorage.getItem("imageDataProfile"); 
        document.getElementById('profileImageId').src = imageDataProfile; 
       } 

       function onFail(message) { 
        // alert('Failed because: ' + message); 
       } 

       </script> 

       <!-- uploadProfileImage --> 
      <button onclick="uploadProfileImage();"> 
       Upload Profile Image 
      </button> 

       <script type="text/javascript"> 
       function uploadProfileImage() { 
       var UserId = localStorage.getItem('UserId'); 
       var img = document.getElementById('profileImageId'); 
       var imageURI = img.src; 
       var options = new FileUploadOptions(); 
       options.fileKey="file"; // your file key in your .php file change here 
       options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1); 
       options.mimeType="image/jpeg"; // your extension 

       var ft = new FileTransfer(); 
       ft.upload(imageURI, encodeURI("http://XYZ?user_id="+UserId+""), winProfile, failProfile, options); 
       } 

       function winProfile(r) { 
       console.log("Code = " + r.responseCode); 
       console.log("Response = " + r.response); 
       console.log("Sent = " + r.bytesSent); 
       // alert('Send success'); 
       } 

       function failProfile(error) { 
       console.log("upload error source " + error.source); 
       console.log("upload error target " + error.target); 
       } 

      </script>