Create Attachment Folder For SharePoint List Item In Office 365 Using JavaScript Object Model

• Save the code given below to a text file and save it into one of the SharePoint libraries, say: Site Assets.
  
  1. <script language="javascript" type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  2. <script language="javascript" type="text/javascript">
  3. varfileInput; $(document).ready(function()
  4. {
  5. SP.SOD.executeFunc('sp.js', 'SP.ClientContext', checkAttachmentFolder);
  6. });
  7. varclientContext, oListItem, oWeb;
  9. function checkAttachmentFolder()
  10. {
  12. //Get Client Context and Web object.
  13. clientContext = new SP.ClientContext();
  14. oWeb = clientContext.get_web();
  16. //Get list and Attachment folder where the attachment of a particular list item is stored.
  17. varoList = oWeb.get_lists().getByTitle('NewList');
  18. oListItem = oList.getItemById(1);
  20. //Load client context and execute the batch
  21. clientContext.load(oWeb);
  22. clientContext.load(oListItem);
  23. clientContext.executeQueryAsync(QuerySuccess, QueryFailure);
  24. }
  26. function QuerySuccess()
  27. {
  28. if (!oListItem.get_fieldValues()['Attachments'])
  29. {
  30. //Get attachment folder and attachment folderrurl
  31. varattachmentsFolder = oWeb.getFolderByServerRelativeUrl('Lists/NewList/Attachments');
  32. varattachmentsFolderURL = oWeb.get_serverRelativeUrl() + 'Lists/NewList/Attachments';
  34. //Create Attachment Folder
  35. attachmentsFolder = attachmentsFolder.get_folders().add('_' + '1');
  36. attachmentsFolder.moveTo(attachmentsFolderURL + '/' + '1');
  38. //Load Client Context and execute the batch
  39. clientContext.load(attachmentsFolder);
  40. clientContext.executeQueryAsync(SecondQuerySuccess, SecondQueryFailure);
  41. }
  42. }
  44. function QueryFailure(sender, args)
  45. {
  46. console.log('Request failed with error message - ' + args.get_message() + ' . Stack Trace - ' + args.get_stackTrace());
  47. }
  49. function SecondQuerySuccess(sender, args)
  50. {
  51. console.log('Attachment folder has been created.');
  52. }
  54. function SecondQueryFailure(sender, args)
  55. {
  56. console.log('Request failed with error message - ' + args.get_message() + ' . Stack Trace - ' + args.get_stackTrace());
  57. }
  58. </script>
• Go to the edit settings of the SharePoint page and click Web part from the insert tab,
  
  
  
  
• Add Content Editor Web part.
  
  
  
  
• Click Edit Web art from Content Edit Web part. Assign the URL of the Script text file and click apply.
  
  
  

Now, if we navigate to the attachment folder of the list item- /Lists/ListName/Attachments/ItemID, we can view an attachment folder with zero attachments.



We can later upload the attachments to this list item attachment folder programmatically, using JSOM as well as REST. If we try to upload an attachment to a list item for the first time programmatically, there won’t be an attachment folder and it will throw an error. Hence, it is important to check if the attachment folder exists for the list item before uploading an attachment to it.