Question

我正在尝试让dropzonejs脚本在包含母版页和子网页的asp.net网站中工作。我有一个好主意如何从this问题，但是在一个简单的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>

在我的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>

问题是它加载但是在容器之外......有什么想法？

Answer 1

我能够在主/子页面场景中使其工作。

由于我在子页面中使用div元素而不是表单元素，因此我需要将url指定为选项。（见下面的脚本块）

确保为表单元素指定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>

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

1 个答案: