Creating item in document library error

Question

Hi I'm trying to create a number of items in a document library.I've added the following in a CEWP but it errors:

function createListItem() {
    var clientContext = new SP.ClientContext.get_current();
    var oList = clientContext.get_web().get_lists().getByTitle('IArequest');

    var itemCreateInfo = new SP.ListItemCreationInformation();
    this.oListItem = oList.addItem(itemCreateInfo);
    oListItem.set_item('Title', 'My New Item!');
   // oListItem.set_item('Body', 'Hello World!');
    oListItem.update();

    clientContext.load(oListItem);
    clientContext.executeQueryAsync(
        Function.createDelegate(this, this.onQuerySucceeded), 
        Function.createDelegate(this, this.onQueryFailed)
    );
}

function onQuerySucceeded() {
    alert('Item created: ' + oListItem.get_id());
}

function onQueryFailed(sender, args) {
    alert('Request failed. ' + args.get_message() + 
        '\n' + args.get_stackTrace());
}

Error in alert box: Request failed. To add an item to a document library, use SPFileCollection.Add()

I have successfully added items using SPD workflow (create item Action) is this not the same?

Answer 1

Unlike Custom List, Document Library requires a File to be uploaded. This File will have a list item and you can set the metadata properties like Title.

First you need to get the file that you want to upload. For that you can use

<input id="inputFile" type="file" />
<input id="uploadDocumentButton" type="Button" value="Upload Document"/>

Now using JavaScript you can read the file content

var parts = document.getElementById("inputFile").value.split("\\");
var filename = parts[parts.length - 1];
var file = document.getElementById("inputFile").files[0];

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

Now you can upload this to a library

var ctx = new SP.ClientContext.get_current();
var createInfo = new SP.FileCreationInformation();
createInfo.set_content(content); //setting the content of the new file
createInfo.set_overwrite(true);
createInfo.set_url(filename);
this.files = ctx.get_web().getFolderByServerRelativeUrl(serverRelativeUrl).get_files();
ctx.load(this.files);
this.files.add(createInfo);
ctx.executeQueryAsync(
    Function.createDelegate(this,
        function () { alert('Success'); }),
    Function.createDelegate(this,
        function (sender, args) { alert('Failed'); }));
}

Source - http://www.shillier.com/archive/2013/03/26/uploading-files-in-sharepoint-2013-using-csom-and-rest.aspx

If you prefer REST, take a look at this article http://sharepointfieldnotes.blogspot.com/2014/04/uploading-documents-and-setting.html