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 a new document from the New drop-down and not to upload any existing documents with the Upload button. So, we need to hide the upload button in SharePoint 2013.

Solution: CSS! Place this CSS either on the 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 - Information Technology Expert with Two-decades of hands-on experience, specializing in SharePoint, PowerShell, Microsoft 365, and related products. He has held various positions including SharePoint Architect, Administrator, Developer and consultant, has helped many organizations to implement and optimize SharePoint solutions. Known for his deep technical expertise, He's passionate about sharing the knowledge and insights to help others, through the real-world articles!

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

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

    Reply
  • 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
  • what about pages with modern experience?

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

    Reply
  • Wonderful.. Thanks

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *