Asp.net 在带有母版页的Web表单中使用dropzone.js_Asp.net_Webforms_Master Pages_Dropzone.js

Asp.net 在带有母版页的Web表单中使用dropzone.js

asp.net

Asp.net 在带有母版页的Web表单中使用dropzone.js,asp.net,webforms,master-pages,dropzone.js,Asp.net,Webforms,Master Pages,Dropzone.js,我正在尝试让dropzonejs脚本在asp.net站点中使用母版页和子webforms。我从这个问题中得到了一个很好的想法，但这在一个简单的网络表单上是可行的。我如何让它在一个有母版页的aspx页面上工作呢现在我的主页上有这样的内容： <body class="fixed-top"> <form id="form1" runat="server" autocomplete="off" class="dropzone"> <div id="

我正在尝试让dropzonejs脚本在asp.net站点中使用母版页和子webforms。我从这个问题中得到了一个很好的想法，但这在一个简单的网络表单上是可行的。我如何让它在一个有母版页的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>


文件管理器

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

我能够使它在母版/子版场景中工作

因为我在子页面中使用了div元素而不是form元素，所以我需要将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>


Dropzone.options.myAwesomeDropzone={
paramName:“file”，//将用于传输文件的名称
maxFilesize:2，//MB
url:“/user/tasks/photoupload.aspx？tid=”
};

祝你好运。

谢谢！但是photoupload.aspx是一个单独的页面吗？还是同一页？还是同一页。我的codebehind看起来与您上面提到的答案非常相似。（）我想到但没有尝试的另一个选项是在IFRAME中添加dropzone功能。然后，我将拥有母版页上的所有内容，但dropzone代码可以单独存在于一个独立的aspx页面中。我想那会管用的。我在iframe中试过dropzone，它看起来不太好看，哈哈，但是谢谢，我会试试的