使用PARSE.COM和JAVASCRIPT SDK
使用下面的代码,我可以得到用户从网页上传图像并将其作为对象存储在解析数据库的“文件”列中。
我可以存储图像细节,包括
中的网址我无法做的是将网址提取出来并在html页面上显示图片。
我添加了屏幕截图,以显示数据在var profilePhoto
中的保存方式,但我无法使用$("profile_pic").attr('src',jobApplication[0]);
我忽略了什么?我搜索了SO,找不到有助于此的相关问题。
检查元素的结果
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:function ...} _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 :(得分:0)
$("profile_pic")
会返回带有profile_pic
标记名称的元素,这显然不是您需要的内容。请勿查看您的HTML,但如果profile_pic
是您的img
元素的ID或类名,那么如果您分别键入$("#profile_pic")
或$(".profile_pic")
,这将有效。< / p>