How to upload a document with values related to document properties in to document set at same time using Javascript object model

Question

Hi,
      Problem Description: Need to upload a document with values related to document properties using custom form in to document set using JavaScript Object Model.
    Kindly let me know any solutions.
Thanks
Razvi444

Answer 1

The following code shows how to use REST/Ajax to upload a document to a document set.
function uploadToDocumentSet(filename, content) {
appweburl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
hostweburl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
var restSource = appweburl +
"/_api/SP.AppContextSite(@target)/web/GetFolderByServerRelativeUrl('/restdocuments/testds')/files/add(url='" + filename + "',overwrite=true)?@target='" + hostweburl + "'";
var dfd = $.Deferred();
$.ajax(
'url': restSource,
'method': 'POST',
'data': content,
processData: false,
timeout:1000000,
'headers': {
'accept': 'application/json;odata=verbose',
'X-RequestDigest': $('#__REQUESTDIGEST').val(),
"content-length": content.byteLength
'success': function (data) {
var d = data;
dfd.resolve(d);
'error': function (err,textStatus,errorThrown) {
dfd.reject(err);
return dfd;
Then when this code returns you can use the following to update the metadata of the new document.
function updateMetadataNoVersion(fileUrl) {
appweburl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
hostweburl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
var restSource = appweburl +
"/_api/SP.AppContextSite(@target)/web/GetFolderByServerRelativeUrl('/restdocuments/testds')/files/getbyurl(url='" + fileUrl + "')/listitemallfields/validateupdatelistitem?@target='" + hostweburl + "'";
var dfd = $.Deferred();
$.ajax(
'url': restSource,
'method': 'POST',
'data': JSON.stringify({
'formValues': [
'__metadata': { 'type': 'SP.ListItemFormUpdateValue' },
'FieldName': 'Title',
'FieldValue': 'My Title2'
'bNewDocumentUpdate': true,
'checkInComment': ''
'headers': {
'accept': 'application/json;odata=verbose',
'content-type': 'application/json;odata=verbose',
'X-RequestDigest': $('#__REQUESTDIGEST').val()
'success': function (data) {
var d = data;
dfd.resolve(d);
'error': function (err) {
dfd.reject(err);
return dfd;
Blog | SharePoint Field Notes Dev Tools |
SPFastDeploy | SPRemoteAPIExplorer