如何使用Parse.com JavaScript SDK上傳圖像？

Question

我正在使用Parse.com構建一個JavaScript應用程序，我需要上傳照片。 我有一個表單，允許用戶在他們的文件系統上選擇圖像，但我接下來該怎么辦呢？ 我在Parse站點上找不到任何相關文檔（無論如何都不適用於JavaScript SDK）。

Answer 1

這是一個關於如何上傳圖像的簡單示例：

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.15.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

  // ***************************************************
  // NOTE: Replace the following your own keys
  // ***************************************************

  Parse.initialize("YOUR_APPLICATION_ID", "YOUR_CLIENT_ID");

  function saveJobApp(objParseFile)
  {
     var jobApplication = new Parse.Object("JobApplication");
     jobApplication.set("applicantName", "Joe Smith");
     jobApplication.set("profileImg", objParseFile);
     jobApplication.save(null, 
     {
        success: function(gameScore) {
          // Execute any logic that should take place after the object is saved.
          var photo = gameScore.get("profileImg");
          $("#profileImg")[0].src = photo.url();
        },
        error: function(gameScore, 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);
        }
     });
  }

  $('#profilePhotoFileUpload').bind("change", function(e) {
         var fileUploadControl = $("#profilePhotoFileUpload")[0];
         var file = fileUploadControl.files[0];
         var name = file.name; //This does *NOT* need to be a unique name
         var parseFile = new Parse.File(name, file);

         parseFile.save().then
         (
           function() 
           {
               saveJobApp(parseFile);
           }, 
           function(error) 
           {
             alert("error");
           }
         );
  }); 

});
</script>

<body>
    <input type="file" id="profilePhotoFileUpload">
    <img id="profileImg"/>
</body>

如何使用Parse.com JavaScript SDK上傳圖像？

問題描述

1 個解決方案

解決方案1
2 2014-05-08 11:27:53

如何使用Parse.com JavaScript SDK上傳圖像？

問題描述

1 個解決方案

解決方案1 2 2014-05-08 11:27:53

解決方案1
2 2014-05-08 11:27:53