在webform中使用带有母版页的dropzone.js

And*_*res 3 asp.net webforms master-pages dropzone.js

我正在尝试让dropzonejs脚本在包含母版页和子网页的asp.net站点中工作.我有一个好主意如何从这个问题,但这适用于一个简单的webform ..如何让它在具有母版页的aspx页面上工作?

所以我的主页现在有这个:

<body class="fixed-top">
     <form id="form1" runat="server" autocomplete="off" class="dropzone">
       <div id="container">
            <div id="body">
                <div class="container-fluid">
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
                </div>
             </div>
        </div>
     </form>
</body>
Run Code Online (Sandbox Code Playgroud)

在我的aspx页面中我有这个:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <h3 class="page-title">Filemanager</h3>
     <div class="box"> <!--INSIDE THIS IS WHERE I WOULD WANT DROPZONE TO LOAD-->
        <div>
            <div class="fallback">
                <input name="file" type="file" multiple />
            </div>
        </div>
    </div>
</asp:Content>
Run Code Online (Sandbox Code Playgroud)

问题是它加载但是在容器之外..任何想法?

小智 7

我能够在主/子页面场景中使它工作.

  1. 由于我在子页面中使用div元素而不是form元素,因此我需要将url指定为选项.(见下面的脚本块)
  2. 确保给你的表单元素class ="dropzone",它在代码中缺失.

    <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>
    
    Run Code Online (Sandbox Code Playgroud)

祝好运.