in

Dot Net Mafia

Group site for developer blogs dealing with (usually) .NET, SharePoint 2013, SharePoint 2010, Office 365, SharePoint Online, and other Microsoft products, as well as some discussion of general programming related concepts.

This Blog

Syndication

Archives

Corey Roth [MVP]

A SharePoint MVP bringing you the latest time saving tips for SharePoint 2013, SharePoint 2010, Office 365, SharePoint Online, MOSS 2007, ASP.NET, LINQ, and Visual Studio 2012.

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

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 said:

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

July 17, 2012 12:49 AM
 

GRIMALDI said:

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

July 20, 2012 5:36 AM
 

CoreyRoth said:

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

July 20, 2012 8:02 AM
 

Eric J. said:

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

July 24, 2012 9:27 AM
 

guyuming said:

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

August 1, 2012 3:28 AM
 

Hans Worst said:

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.

August 12, 2012 3:43 PM
 

Learning about SharePoint Search 2013 : Beyond Search said:

Pingback from  Learning about SharePoint Search 2013 : Beyond Search

September 18, 2012 2:10 AM
 

Marc said:

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.)

December 7, 2012 12:49 PM
 

Sebastian said:

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.

December 10, 2012 2:29 AM
 

Search in SharePoint 2013 Preview « Rajesh SharePoint Corner said:

Pingback from  Search in SharePoint 2013 Preview « Rajesh SharePoint Corner

January 7, 2013 2:47 AM
 

Cheslyn Bowers said:

I resolved the Drag & drop issue:

Windows 7 x64

Office 2010 SP1 x32

IE9

SharePoint Designer 2013 x32

January 23, 2013 6:41 AM
 

Emmanuel ISSALY said:

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 ;)

February 12, 2013 12:39 PM

Leave a Comment

(required)  
(optional)
(required)  
Add

About CoreyRoth

Corey Roth is an Applications Architect at Infusion specializing in ECM and Search.
2012 dotnetmafia.
Powered by Community Server (Non-Commercial Edition), by Telligent Systems