Click here to Skip to main content
15,881,173 members
Articles / Programming Languages / C# 4.0

Silverlight 4 Drag and Drop File Manager

Rate me:
Please Sign up or sign in to vote.
5.00/5 (18 votes)
6 May 2010Ms-PL9 min read 131.3K   4.5K   61  
A Silverlight file manager that allows drag and drop multiple file uploads
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MVMFileManagerSite.FileManager_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Silverlight Bridge MVVM File Manager</title>
    <style type="text/css">
    html, body {
	    height: 100%;
	    overflow: auto;
    }
    body {
	    padding: 0;
	    margin: 0;
    }
    #silverlightControlHost {
	    height: 100%;
	    text-align:center;
    }
    </style>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript">
        function onSilverlightError(sender, args) {
            var appSource = "";
            if (sender != null && sender != 0) {
                appSource = sender.getHost().Source;
            }

            var errorType = args.ErrorType;
            var iErrorCode = args.ErrorCode;

            if (errorType == "ImageError" || errorType == "MediaError") {
                return;
            }

            var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n";

            errMsg += "Code: " + iErrorCode + "    \n";
            errMsg += "Category: " + errorType + "       \n";
            errMsg += "Message: " + args.ErrorMessage + "     \n";

            if (errorType == "ParserError") {
                errMsg += "File: " + args.xamlFile + "     \n";
                errMsg += "Line: " + args.lineNumber + "     \n";
                errMsg += "Position: " + args.charPosition + "     \n";
            }
            else if (errorType == "RuntimeError") {
                if (args.lineNumber != 0) {
                    errMsg += "Line: " + args.lineNumber + "     \n";
                    errMsg += "Position: " + args.charPosition + "     \n";
                }
                errMsg += "MethodName: " + args.methodName + "     \n";
            }

            throw new Error(errMsg);
        }
    </script>
    <script type="text/javascript">
    // To enable drag and drop on the Mac
        function handleDragEnter(oEvent) {
            // Prevent default operations 
            oEvent.preventDefault();
            var flag = silverlightControl.dragEnter(oEvent);
            // If we handled it successfully then stop propagation of the event   
            if (flag)
                oEvent.stopPropagation();
        }
        function handleDragLeave(oEvent) {
            // Prevent default operations
            oEvent.preventDefault();
            var flag = silverlightControl.dragLeave(oEvent);
            // If we handled it successfully then stop propagation of the event 
            if (flag)
                oEvent.stopPropagation();
        }
        function handleDragOver(oEvent) {
            // Prevent default operations
            oEvent.preventDefault();
            var flag = silverlightControl.dragOver(oEvent);
            // If we handled it successfully then stop propagation of the event
            if (flag)
                oEvent.stopPropagation();
        }
        function handleDropEvent(oEvent) {
            // Prevent default operations 
            oEvent.preventDefault();
            var flag = silverlightControl.dragDrop(oEvent);
            // If we handled it successfully then stop propagation of the event   
            if (flag)
                oEvent.stopPropagation();
        }
</script>
</head>
<body>
       <form id="form1" runat="server" style="height:100%">
   <div id="silverlightControlHost">
          <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="600" height="400"  
          id="silverlightControl" 
          ondragenter="handleDragEnter(event)" 
          ondragover="handleDragOver(event)" 
          ondragleave="handleDragLeave(event)" 
          ondrop="handleDropEvent(event)">		
            <param name="source" value="<%=SilverlightApplication %>" />
            <param name="onError" value="onSilverlightError" />
            <param name="background" value="white" />
            <param name="minRuntimeVersion" value="4.0.41108.0" />
            <param name="autoUpgrade" value="true" />
            <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.41108.0" style="text-decoration:none">
 			  <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/>
		    </a>
        </object><iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px; border: 0px"></iframe></div>
    </form>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Microsoft Public License (Ms-PL)


Written By
Software Developer (Senior) http://ADefWebserver.com
United States United States
Michael Washington is a Microsoft MVP. He is a ASP.NET and
C# programmer.
He is the founder of
AiHelpWebsite.com,
LightSwitchHelpWebsite.com, and
HoloLensHelpWebsite.com.

He has a son, Zachary and resides in Los Angeles with his wife Valerie.

He is the Author of:

Comments and Discussions