如何通过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(); 
    }