2014-10-30 60 views
0

使用PARSE.COM和JavaScript SDK如何顯示使用url存儲在變量中的圖像?

隨着下面的代碼,我可以得到儘可能讓用戶從網頁上上傳的圖像並存儲在在分析數據庫「文件」欄的對象。

我可以存儲圖像的細節,包括

的網址是什麼我不能做的是提取URL回到了和html頁面上顯示的圖像。

我已經添加了屏幕截圖顯示的數據是如何在var profilePhoto舉行,但我再不能使其顯示使用$("profile_pic").attr('src',jobApplication[0]);

我有什麼忽略在網頁上?我已經搜索過,無法找到有助於解決這個問題的相關問題。

結果在檢查元素

Arguments[1]0: t.Filecallee: function() {length: 1__proto__: Object user_profile.html:408 
t.File {_name: "tfss-fe809632-ffb8-445c-99f3-1149e4ffdec5-IMG_0047.jpg", _source: 

t.Promise,_previousSave:t.Promise,_url: 「http://files.parsetfss.com/0fc5cba8-caf7-4c81-aafc ... fe809632-ffb8-445c-99f3-1149e4ffdec5-IMG_0047.jpg」, 名:函數...} _name: 「的TFSS-fe809632-ffb8-445c-99f3-1149e4ffdec5-IMG_0047.jpg」 _previousSave: t.Promise_source:t.Promise_url: 「http://files.parsetfss.com/0fc5cba8-caf7-4c81-aafc-36390888e497/tfss-fe809632-ffb8-445c-99f3-1149e4ffdec5-IMG_0047.jpg: 對象

CODE

$(document).ready(function() { 

    var parseAPPID = "XXX"; 
    var parseJSID = "XXXX"; 

    //Initialize Parse 
    Parse.initialize(parseAPPID,parseJSID); 

    $("#fileUploadBtn").on("click", function(e) { 

     var fileUploadControl = $("#fileUploader")[0]; 
     if (fileUploadControl.files.length > 0) { 
      var file = fileUploadControl.files[0]; 
      var name = file.name; 
      console.log("here goes nothing..."); 
      var parseFile = new Parse.File(name, file); 
      parseFile.save().then(function() { 
       console.log("Woot!"); 
       console.dir(arguments); 
var User = Parse.Object.extend("_User") 
var jobApplication = Parse.User.current(); 

jobApplication.set("ProfilePic", parseFile); 
jobApplication.save(); 



var profilePhoto = jobApplication.get("ProfilePic"); 
console.log(profilePhoto); 
$("profile_pic").attr('src',jobApplication[0]); 




      }, function(error) { 
       console.log("Error"); 
       console.dir(error); 
      }); 
     } 

    }); 


}); 

回答

0

$("profile_pic")回報元素與profile_pic標籤名,這顯然不是你所需要的東西。沒有看到您的HTML,但如果profile_pic是您的img元素的ID或類名稱,則這將在分別鍵入$("#profile_pic")$(".profile_pic")時起作用。

相關問題