如何使用url显示存储在变量中的图像

How to display image stored in variable using the url?

本文关键字:变量 图像 存储 何使用 url 显示      更新时间:2023-09-26

使用PARSE.COM和JAVASCRIPT SDK

使用下面的代码,我可以让用户从网页上传图像,并将其作为对象存储在解析数据库的"文件"列中。

我可以存储图像的详细信息,包括中的url

我不能做的是将url提取出来并在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.承诺,_previousSave:t.承诺,_url:"http://files.parsetfss.com/0fc5cba8-caf7-4c81-aafc…fe809632-ffb8-245c-99f3-149e4ffdec5-IMG_0047.jpg",名称:函数…}名称:"tfss-fe809632-ffb8-245c-99f3-149e4ffdec5-IMG_0047.jpg"_预览保存:t.Promise_source:t.Promise_url:"http://files.parsetfss.com/0fc5cba8-caf7-4c81-aafc-36390888e497/tfss-fe809632-ffb8-445c-99f3-1149e4ffdec5-IMG_0047.jpg"原型:对象

代码

$(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);
            });
        }
    });

});

$("profile_pic")返回带有profile_pic标记名的元素,这显然不是您所需要的。看不到HTML,但如果profile_picimg元素的id或类名,那么如果您分别键入$("#profile_pic")$(".profile_pic"),这将起作用。