JS 数组显示的用户个人资料图片不正确 - 如何解决此问题？

抱歉，这篇文章很长，但我不确定如果没有所有代码，问题是否会出现。

我正在使用 parse.com 和 JavaScript SDK。

下面的代码是我的用户个人资料页面的一部分，它在屏幕上向他们显示他们的个人资料图片并允许他们更改它。

更改个人资料图片效果很好，并且按预期上传。问题在于，在个人资料页面上，个人资料正在拍摄第一张用户的照片并将其显示在任何用户的页面上。基本上它不看当前用户。

我认为我需要更新查询以包含类似的内容var currentUser = Parse.User.current();并将其引入我的代码中。无论我为什么尝试这样做，我都会碰壁。任何帮助都会很棒

如果是这种情况，我正在努力了解如何更改我的代码以避免这种情况发生？

/////////////////////////Queries the users profile picture and shows on page////////////////////////

var UserProfilePic = Parse.Object.extend("_User");
var query = new Parse.Query(UserProfilePic);
query.exists("ProfilePic");
query.find({
    success: function(results) {
        // If the query is successful, store each image URL in an array of image URL's
        imageURLs = [];
        for (var i = 0; i < results.length; i++) {
            var object = results[i];
            imageURLs.push(object.get('ProfilePic').url());
        }
        // If the imageURLs array has items in it, set the src of an IMG element to the first URL in the array
        if (imageURLs.length > 0) {
            $('#profile_pic').attr('src', imageURLs[0]);
        }
        $('#Image01').attr('src', imageURLs[0]); //first image
    },
    error: function(error) {
        // If the query is unsuccessful, report any errors
        alert("Error: " + error.code + " " + error.message);
    }
});


///////// Saves the users profile image and fields after the #save button is clicked//////

var profileSave = Parse.User.current();

function ProfileSave() {

    var User = Parse.Object.extend("_User");

    var profileSave = Parse.User.current();

    var saveusername = $('#username').val();
    var saveemail = $('#email').val();
    var savegender = $('#gender').val();


    profileSave.set("username", saveusername);
    profileSave.set("email", saveemail);
    profileSave.set("gender", savegender);


    profileSave.save(null, {
        success: function(profileSave) {
            profileSave.save();
            console.log("DONE");
            alert("Profile Saved");
        },
        error: function(profileSave, error) {
            // Fail

        }
    });



}


///////////////Allows the user to upload a profile image and store///////////////////////

$(document).ready(function() {

    var parseAPPID = "XXXXXX";
    var parseJSID = "XXXXXX";

    //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("Worked!");
                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("Done");

                //jobApplication.get("ProfilePic").url;

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

    });


});

刚刚在特色/赏金中找到了这个，尽管我回答了它here https://stackoverflow.com/questions/31974447/parse-query-not-restricting-results-to-current-user/31974723?noredirect=1#comment51857221_31974723对于你来说，这是我复制/粘贴的答案：

您没有按照您认为的方式使用 query.exists() 。另外，您只是想检查当前用户是否有个人资料图片吗？因为你可以使用.has("key")对象的方法，而用户是一个对象。如果这是在云代码中而不是客户端代码中，您可能必须首先获取用户。如果是客户端代码，您应该已经有一个最新的用户。

您不应该扩展用户对象。完全没有必要。使用 Parse.User 对象类型，因此如果您要查询用户，请执行以下操作var query = new Parse.Query( Parse.User );

所以我认为你想要的更像是：

var user = Parse.User.current();
if( user.has("ProfilePic") )
{
    //Do your stuff with the image
    var imageURL = user.get("ProfilePic").url();
    $('#Image01').attr('src', imageURL);
}
else
{
    alert("Error: User does not have a 'ProfilePic' set");
}

按照您的代码设置方式，您只需使用 profilePics 查询所有用户并获取第一个即可。我的代码只获取当前用户的profilePic。