SP.UserProfiles.PeopleManager.setMyProfilePicture method

Question

I'm just wondering the type of value that this method (SP.UserProfiles.PeopleManager.setMyProfilePicture) receives as a parameter 'cause I've tried already with different values and still not able to put my 'golden fish' as my own profile picture... And also of course provide the posibility to others to change their own profile picture through Javascript model.

I need to clarify there's no way that I can try a CSOM option since I don't have handy that alternative (due to internal policies). My SP version is 2013.

Answer 1

You can try the below javascript functions:

var getFileAsArrayBuffer = function (file) {
    var dfd = $.Deferred();
    var fr = new FileReader();
    fr.onload = function (e) {
        dfd.resolve(e.target.result);
    }
    fr.onerror = function (e) {
        dfd.reject(e.target.error);
    }
    fr.readAsArrayBuffer(file);
    return dfd.promise();
};

$("#uploadFile").change(function(){ 
getFileAsArrayBuffer($("#uploadfile")[0].files[0]).then(function(arrayBuffer) {
var dfd = $.Deferred();
    $.ajax({
        url:"https://sitecollectionurl/_api/SP.UserProfiles.PeopleManager/SetMyProfilePicture",
        type: "POST",
        data: arrayBuffer,
        processData: false,
        headers: {
            "accept": "application/json;odata=verbose",
            "X-RequestDigest": document.getElementById("__REQUESTDIGEST").value,
            "content-length": arrayBuffer.byteLength
        },
        success: function (data) { 
            console.log('sucessfully updated my profile picture');
            dfd.resolve(data);
        },
        error: function (err) { 
            console.log("something went wrong" + err);
            dfd.reject(err);
        }
        });
    });
});

And your html would be as:

<input type="file" id="uploadFile" />

Modified from - User profiles REST API reference

Answer 2

I have done some research to help you out with your request and I found the following:

• Changing the user profile photo is doable using JSOM using (POST) http://<siteUri>/_api/SP.UserProfiles.PeopleManager/SetMyProfilePicture and pass the picture parameter in the request body

There is an example here