Hide “Upload” Button of a Document Library in SharePoint 2013

Requirement: Disable upload button in SharePoint document library!

But why? Because, we wanted users to fill the form by creating new document from the New drop-down and not to upload any existing documents with Upload button. So we need to hide upload button in SharePoint 2013.

Solution: CSS! Place this CSS either in Master page or script editor/content editor of the target page.

CSS Styles to hide Upload button in SharePoint 2013:

<style type="text/css">
#Ribbon\.Documents\.New\.AddDocument-Large, #Ribbon\.Documents\.New-MediumMedium-0-1
{    
    display:none !important;
}
</style>

Hide the “Open with Explorer” button in SharePoint 2013 ribbon:
You may also want to disable “Open in Explorer” as it allows multiple file upload. Use this CSS to hide “Open in Explorer” from SharePoint 2013 ribbon.

#Ribbon\.Library\.Actions-LargeMedium-1-1

Result: Upload button disabled in SharePoint 2013 document library!

sharepoint 2013 hide upload document

Disable Drag and Drop feature of SharePoint 2013:
How about disabling the Drag-Drop feature? Well, use this script to disable the Drag and Drop feature of SharePoint 2013 document libraries:

<script type="text/javascript">
  ExecuteOrDelayUntilScriptLoaded(function() {
   g_uploadType = DragDropMode.NOTSUPPORTED;
   SPDragDropManager.DragDropMode = DragDropMode.NOTSUPPORTED;
}, "DragDrop.js");

How to Disable Upload Button and Drag and Drop Feature in SharePoint 2016?

Edit and add a script editor on the target list view page (AllItems.aspx), place this code in it.

<style type="text/css">
#Ribbon\.Documents\.New\.AddDocument-Large, #Ribbon\.Documents\.New-MediumMedium-0-1, #Ribbon\.Library\.Actions-LargeMedium-1-1
{    
    display:none !important;
}

/* Hide "Drag files here to upload" message in the List view */
div.ms-dragDropAttract-subtle{
 display: none 
}
/* Upload button in Doc Lib tool bar */
#QCB1_Button2
{
     display:none !important; 
} 

</style>

//Disable Drag and Drop Upload Feature
<script type="text/javascript">
  ExecuteOrDelayUntilScriptLoaded(function() {
   g_uploadType = DragDropMode.NOTSUPPORTED;
   SPDragDropManager.DragDropMode = DragDropMode.NOTSUPPORTED;
}, "DragDrop.js");

Salaudeen Rajack

Salaudeen Rajack is a SharePoint Architect with Two decades of SharePoint Experience. He loves sharing his knowledge and experiences with the SharePoint community, through his real-world articles!

7 thoughts on “Hide “Upload” Button of a Document Library in SharePoint 2013

  • October 12, 2020 at 12:54 AM

    This is exactly what i was looking for! Great post. Thank you and keep it up!

    Reply
  • April 16, 2019 at 1:24 PM

    This sounded like exactly what I wanted but when I add the Hide Upload Button script, I lose the FILES and LIBRARY tabs on the ribbon, not just the Upload Document button. I added a Script/Content Editor webpart to my library page, then pasted in the script with no changes. I am using Enterprise 2013.

    Am I doing something wrong? Or is hiding the tabs not the button the intended behavior? This is a picture library. Thanks!!

    Reply
  • June 21, 2018 at 11:35 AM

    what about pages with modern experience?

    Reply
  • May 5, 2017 at 3:40 PM

    I do not understand where to put the script without breaking the page.

    Reply
  • February 9, 2017 at 8:44 AM

    Wonderful.. Thanks

    Reply

Leave a Reply