pdf and one image in the drag and drop area. Step 5: Drop multiple files, i am dropping one. Now build your project, and run it in the browser

Step 2: Now add this bundle reference link in your _layout.cshtml page, so your page will be like this - My ASP.NET name', 'Index', 'Home', new ) ready for production, use the build tool at to pick only the tests you need.īundles.Add(new ScriptBundle('~/bundles/modernizr').Include(īundles.Add(new ScriptBundle('~/bundles/bootstrap').Include(īundles.Add(new StyleBundle('~/Content/css').Include(īundles.Add(new StyleBundle('~/Content/dropzonecss').Include( Use the development version of Modernizr to develop with and learn from.

Public static void RegisterBundles(BundleCollection bundles)īundles.Add(new ScriptBundle('~/bundles/jquery').Include(īundles.Add(new ScriptBundle('~/bundles/jqueryval').Include(īundles.Add(new ScriptBundle('~/bundles/dropzonejs').Include( For more information on bundling, visit So your Complete file would look like this Now add the dropzone stylesheet in the BundleConfig.cs bundles.Add(new StyleBundle('~/Content/dropzonecss').Include( Step 1: You can include it in your bundles by opening your BundleConfig.cs bundles.Add(new ScriptBundle('~/bundles/dropzonejs').Include( You can download the latest version of DropZoneJS from the official site here and also you can install using the NuGet package manager console by the following command Package Manager Console (You can find Package manager console in Visual Studio -> Tools -> NuGet Package manager -> NuGet Package Manager Console and then run code below) It’s lightweight, doesn’t depend on any other library (like jQuery) and is highly customizable. What is DropZone JS?ĭropzoneJS is an open source library that provides drag ’n’ drop file uploading library with image previews. There can be many occasions where you need to upload files using drag and drop functionality of HTML5, so here I will provide you a quick example to use DropZone Js to create Drag and drop functionality in HTML using ASP.NET MVC razor form and submit it to C# controller on button click, to upload files in MVC.

Html5 drag and drop file upload example