Switch branches/tags
Nothing to show
Find file Copy path
c276589 Jun 27, 2015
1 contributor

Users who have contributed to this file

76 lines (55 sloc) 2.25 KB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormDropzoneDemo.aspx.cs" Inherits="DropZoneFileUpload.WebFormDropzoneDemo" %>
<!DOCTYPE html>
<html xmlns="">
<head runat="server">
<link href="Scripts/dropzone/css/basic.css" rel="stylesheet" />
<link href="Scripts/dropzone/css/dropzone.css" rel="stylesheet" />
<style type="text/css">
.dz-max-files-reached {
background-color: red;
<script src="Scripts/dropzone/dropzone.min.js"></script>
<script type="text/javascript">
//File Upload response from the server
Dropzone.options.dropzoneForm = {
maxFiles: 2,
url: "WebFormDropzoneDemo.aspx",
init: function () {
this.on("maxfilesexceeded", function (data) {
var res = eval('(' + data.xhr.responseText + ')');
this.on("addedfile", function (file) {
// Create the remove button
var removeButton = Dropzone.createElement("<button>Remove file</button>");
// Capture the Dropzone instance as closure.
var _this = this;
// Listen to the click event
removeButton.addEventListener("click", function (e) {
// Make sure the button click doesn't submit the form:
// Remove the file preview.
// If you want to the delete the file on the server as well,
// you can do the AJAX request here.
// Add the button to the file preview element.
<div class="jumbotron">
<div class="dropzone" id="dropzoneForm">
<div class="fallback">
<input name="file" type="file" multiple />
<input type="submit" value="Upload" />