在webform中使用dropzone.js與master頁面

我正在嘗試使dropzonejs腳本在具有母版頁和子網表單的asp.net網站中工作。我有一個好主意，如何從this問題，但工作在一個簡單的webform..how我得到它在一個有主頁的aspx頁面上工作？在webform中使用dropzone.js與master頁面

所以，我的母版，現在有這樣的：

<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>

的問題是，它的負荷，但containers..any的想法麼？

來源

2013-11-21 Andres

我能夠使它在主/子頁面方案中工作。

因爲我在子頁面中使用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>

好運。

來源

2014-02-05 18:56:00

謝謝！但那photoupload.aspx是一個單獨的頁面？或它是相同的網頁？ – Andres

這是相同的頁面。我的代碼隱藏看起來非常類似於上面引用的答案。（http://stackoverflow.com/questions/16050965/using-dropzone-js-in-asp-net） –

我想到的另一個選項，但沒有嘗試是在IFRAME中添加dropzone功能。然後，我將擁有來自主頁面的所有內容，但是dropzone代碼可以獨立存在於獨立的aspx頁面中。我認爲這會奏效。 –

在webform中使用dropzone.js與master頁面

回答

相關問題