Solved: dropzone aspx web form

Using aspx web form with drop zone.
Let's say I want to upload the photos to c:\Photo\
How it works with the following codes in JS?

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="attachfile.aspx.cs" Inherits="services_prostandards_attachfile" %>
 <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.css" rel="stylesheet" type="text/css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.js" type="text/javascript"></script>
    </head>
    <body>
        <form id="frmMain" runat="server">
              <script type="text/javascript">
                  Dropzone.options.myAwesomeDropzone =
                      {
                    paramName: "file", // The name that will be used to transfer the file
                    maxFilesize: 2, // MB
                    url: "/user/tasks/photoupload.aspx?tid=<%=Request.QueryString["tid"]%>"
                    };
</script>
<div id="my-awesome-dropzone" class="dropzone">
    <div class="fallback">
        <input name="file" type="file" multiple="multiple" runat="server"/>
        <input name="btnUpload" type="submit" /><br /><br />
        <asp:Label id="lblFallbackMessage" runat="server" />
    </div>
</div>
</form>
</body>
</html>

Open in new window