How to: Drag and Drop files into SharePoint 2013 Document Libraries

Posted Monday, July 16, 2012 9:38 PM by CoreyRoth

One of the simplest but most exciting features in SharePoint 2013 is the ability to drag and drop files into document libraries directly in the web browser.  That means the user can drag a file off of his or her desktop and literally drag and drop it onto the browser and the file will upload.  Here is what it looks like when you have the capability of drag and drop.

SP2013PDragDropEnabled

Note that it says you can “drag files here”.  Here is what it looks like when you drag multiple files.

SP2013DocumentLibraryDragDropIE9

While the files are copying, you’ll see a screen like this.

SP2013DocumentLibraryDragDropInProgress

This new feature is going to be one of the single most drivers of end user adoption hands-down.  Now, you may be thinking…”That’s great, but I am sure it only works in IE.”  If you thought that, you would be thinking wrong.  I have tested it in a variety of browsers and have found that it has worked in every test I did with the exception of Internet Explorer 8 running on Windows Server 2008 R2. 

Here’s what it looks like in Google Chrome.

SP2013PDragDropChrome

I’ve even tried it in Safari on Mac OS X and it works there too.  I would have included a screenshot of this but it was way too much effort to take it and get it back to my laptop. :)

I mentioned, it didn’t work for me in Internet Explorer 8 on Windows Server 2008 R2.  This could be because of the server OS, because of IE8, or because I don’t have Office installed.  That will require a bit more research.  Here is what it looks like when drag an drop is not available.

SP2013PDocumentLibraryNoDragDrop

Note, that “or drag files here” is not listed. 

Now you might be wondering about how this works when content types with required fields are in place.  Well, honestly, it could be handled better.  The file is left checked out and it doesn’t really instruct the user to edit the properties and check the document in.

SP2013PDocumentLibraryContentType

So for such a simple new feature, it is really quite exciting.  I really think it will enhance productivity greatly.  All screenshots were taken from SharePoint Online Preview.

Comments

# SharePoint 2013 - Technical PreView - Die ersten Links - Oliver Wirkus - SharePointCommunity

Pingback from  SharePoint 2013 - Technical PreView - Die ersten Links - Oliver Wirkus - SharePointCommunity

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Friday, July 20, 2012 5:36 AM by GRIMALDI

HI,

SInce IE8 and IE9 are not HTML5 compliant we can not develop standard HTML5 drag and drop widgets on some intranet networks with these browsers (intranets using IE of course).

It could be interesting if you can help the entire www developers community (not only the sharepoint one) and telling it how MIcrosoft has managed this miracle.

Using Java ? ActiveX ? What else ?

Many thanks

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Friday, July 20, 2012 8:02 AM by CoreyRoth

My understanding is that drag and drop in Internet Explorer requires having Office 2013 Preview installed.

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Tuesday, July 24, 2012 9:27 AM by Eric J.

Is it just drag to upload, or can you drag and drop into folders and between libraries?

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Wednesday, August 1, 2012 3:28 AM by guyuming

i see it working on IE10 and chrome, i guess its based on HTML5: wabism.com/html5-file-api-how-to-upload-files-dynamically-using-ajax

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Sunday, August 12, 2012 3:43 PM by Hans Worst

If you install SharePoint Designer 2013 (for free) you will get the support files as well to have the drag and drop available in SP2013Preview.

# Learning about SharePoint Search 2013 : Beyond Search

Tuesday, September 18, 2012 2:10 AM by Learning about SharePoint Search 2013 : Beyond Search

Pingback from  Learning about SharePoint Search 2013 : Beyond Search

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Friday, December 7, 2012 12:49 PM by Marc

I have Windows 7 x64 with IE9 and Office 2010 and SP Designer 2010. The drag an drop is not available in IE9, but is available and works well in Chrome 23.0.1271.95 m

I have asked to upgrade to Office 2013 so I can also upgrade to Designer 2013 (Won't install with Office 2010 installed.)

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Monday, December 10, 2012 2:29 AM by Sebastian

Our experience was, that it did not work with Office 2013 64 bit and Win 8 but with Office 2010 32 bit and Win 8.

We could solve the problem by deactivating the STSUpld.UploadCtl addon in IE 10.

# Search in SharePoint 2013 Preview « Rajesh SharePoint Corner

Pingback from  Search in SharePoint 2013 Preview « Rajesh SharePoint Corner

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Wednesday, January 23, 2013 6:41 AM by Cheslyn Bowers

I resolved the Drag & drop issue:

Windows 7 x64

Office 2010 SP1 x32

IE9

SharePoint Designer 2013 x32

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Tuesday, February 12, 2013 12:39 PM by Emmanuel ISSALY

There is a "support files" option in SPD 2013 install that you can check so the product isn't really installed (but the support dlls are, like the old "datasheet view" problem if you had no office). After this, it'll work with IE8/9.

I didnt find a separate download (yet)

You also have the option to wait for IE10 for Win7SP1.

Either way, dont sell that functionality too fast to your customers ;)

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Friday, August 2, 2013 1:18 AM by Mathieu Roiron

Hi,

Does anybody knows how to create a webpart using this features (DND)?

I tried to find how Microsoft did this miracle on IE 8-9 without using HTML5, I read a lot about ActiveX but I didn't find a source code or a documentation.

Thank for your answers...

Mat

# How to check if a document is checked in, in SharePoint Designer Workflow? | Search RounD

Pingback from  How to check if a document is checked in, in SharePoint Designer Workflow? | Search RounD

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Monday, August 25, 2014 12:27 PM by Kevin

Hi,

The drag and drop doesn't seem to work on Safari. What version of Safari did you successfully test this on?

Thanks

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Tuesday, August 26, 2014 9:06 AM by CoreyRoth

@Kevin that was some time ago so I don't remember the version any more I am afraid.  Interesting it doesn't work now.

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Friday, September 5, 2014 12:02 AM by Swapnil Wani

Hello,

I have IE 11, Office 2013, Lync 2013 installed on my system but still Drag and Drop feature is disabled. Also note that its working fine on Chrome and Firefox browsers.

Please suggest ASAP...

Thanks in advance!!

Swapnil Wani

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Monday, September 8, 2014 1:49 PM by CoreyRoth

@Swapnil make sure you aren't running IE as an administrator or using the 64-bit version.

# More out-of-the-box ways to get Email into SharePoint (2013 and Office 365) | Cameron Dwyer | SharePoint, Outlook, OnePlaceMail

Pingback from  More out-of-the-box ways to get Email into SharePoint (2013 and Office 365) | Cameron Dwyer | SharePoint, Outlook, OnePlaceMail

# How do I drag and drop files into a C# application? | Young Answers

Pingback from  How do I drag and drop files into a C# application? | Young Answers

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Monday, March 9, 2015 5:34 AM by Pavan

How i can check-in (.pdf) files when i drag and drop those to sharepoint 2013 document library ?

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Tuesday, March 17, 2015 12:07 PM by CoreyRoth

@Pavan if your library requires check-in, you will need to select the file after upload and either click the check-in button in the ribbon or from the context menu.

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Tuesday, May 19, 2015 4:18 PM by Jeff

How do you drag and drop email attachments ?

# re: How to: Drag and Drop files into SharePoint 2013 Document Libraries

Wednesday, October 14, 2015 1:41 AM by denial parl

Great write-up !

I have bookmarked this article into my list.

Previously to accomplish the similar job, I had used Lepide SharePoint Document migrator tool to prevent the interruption and get my job done in more secure way. However, I would like to go through this informative resource to gather more information in future prospective.

Leave a Comment

(required)
(required)
(optional)
(required)