如何通過JavaScript將圖像保存在Parse.com中？

Question

我想添加一個新的對象，其中包含一列圖像，但它不會保存我的圖片，我的代碼中是否有任何錯誤？特別是保存圖像的一部分！

我的JavaScript那裏的問題出現了：

它從來沒有上傳我的照片在解析！

<script type="text/javascript"> 
    Parse.initialize("key", "key"); 


    var products = Parse.Object.extend("products"); 

    var fileUploadControl = $("#profilePhotoFileUpload")[0]; 
if (fileUploadControl.files.length > 0) { 
var file = fileUploadControl.files[0]; 
var name = "photo.png"; 

var parseFile = new Parse.File(name, file); 
} 
parseFile.save().then(function() { 
    //The file has been saved to Parse. 
    }, function(error) { 
    // The file either could not be read, or could not be saved to Parse. 
}); 

    </script> 

在這裏，我加入HTML線上傳文件：

<input type="file" id="profilePhotoFileUpload"> 

Answer 1

檢查documentation here（在該節結束，只是一個有關檢索文件之前）。基本上這個問題就像你需要首先保存它的任何其他Parse對象一樣，然後在保存完成後你可以使用它。

創建該文件並保存，然後在保存success處理程序中，然後可以使用該文件的引用保存該對象。

更新：這是怎樣的代碼上面可以固定：

Parse.initialize("key", "key"); 

var products = Parse.Object.extend("products"); 

var base64 = "V29ya2luZyBhdCBQYXJzZSBpcyBncmVhdCE="; 
var file = new Parse.File("mypic.png", { base64: base64 }); 
file.save({ 
    success: function(file) { 
     alert('File saved, now saving product with file reference...'); 

     var prod = new products(); 
     // to fill the columns 
     prod.set("productID", 1337); 
     prod.set("price", 10); 
     //I guess it need some fixing here 
     prod.set("picture", file); 
     prod.set("productName", "shampoo"); 
     prod.set("productDescribe", "200 ml"); 

     prod.save(null, { 
      success: function(prod) { 
       // Execute any logic that should take place after the object is saved. 

       alert('New object created with objectId: ' + prod.id); 
      }, 
      error: function(error) { 
       // Execute any logic that should take place if the save fails. 
       // error is a Parse.Error with an error code and description. 
       alert('Failed to create new object, with error code: ' + error.description); 
      } 
     }); 
    }, 
    error: function(error) { 
     alert('Failed to save file: ' + error.description); 
    } 
}); 

Answer 2

我有我與您分享它的答案也許有人得利

的THML線上傳的文件是：

<input type="file" id="pic"> 

在<script>的代碼來獲取並保存圖像解析是：

 var fileUploadControl = $("#pic")[0]; 
    if (fileUploadControl.files.length > 0) { 
    var file = fileUploadControl.files[0]; 
    var name = "photo.png"; 

    var parseFile = new Parse.File(name, file); 

    //put this inside if { 
    parseFile.save().then(function() { 
    // The file has been saved to Parse. 
    }, function(error) { 
    // The file either could not be read, or could not be saved to Parse. 
    }); 

    // Be sure of ur parameters name 
    // prod is extend of my class in parse from this: var prod = new products(); 
    prod.set("picture", parseFile); 
    prod.save(); 
    }