【问题标题】:Dropzone and asp elementsDropzone 和 asp 元素
【发布时间】:2017-06-09 18:45:52
【问题描述】:

我是asp.net 的新开发者,发现了一个我无法解决的问题。 我的 .aspx 如下所示:

<form action="#" class="" runat="server" >
    <asp:DropDownList ID="ddlCombo" runat="server">
    </asp:DropDownList>
</form>

<div class="clsbox-1" runat="server">
    <div class="dropzone clsbox" id="mydropzone">
    </div>
</div>

如您所见,我有一个下拉列表,我将在 page_load 和一个 div 内的 dropzone 上填充(我需要这样)。

<script>
Dropzone.autoDiscover = false;
$("#mydropzone").dropzone({
    url: "WebForm1.aspx?param=1",
    addRemoveLinks: true,
    maxFilesize: 0.5,
    dictDefaultMessage: 'drag and drop',
    dictResponseError: 'Error uploading file!'
});
<script>

这是使 div 像 dropzone 一样的脚本,但我不确定 url 是否正确。 问题出现在 page_load 部分,因为我需要在页面加载时填充下拉列表, 当我尝试通过 dropzone 上传文件时,它将作为回发发送并输入“if”并再次填充组合框,重置所选值。

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack) {
       loadCombo(); //populate ddlCombo
    }
    string aux = ddlCombo.SelectedValue.ToString();//this will have the first item

   //processing file...
}

请让我知道是否有任何奇特的方法可以做到这一点,因为我无法弄清楚!

编辑: 我不明白为什么如果我在表单中发送它会按预期工作:

<form action="#" class="dropzone" runat="server" >
    <asp:DropDownList ID="ddlCombo" runat="server">
    </asp:DropDownList>
    <div class="clsbox-1 " id="mydropzone" runat="server">
        <div class="clsbox" >
        </div>
    </div>
</form>

当我在此处上传文件时,它不会作为回帖发送。 谢谢你!

【问题讨论】:

    标签: asp.net webforms dropzone.js runatserver


    【解决方案1】:

    您的 dropzone url 参数应该是您创建的不同页面/httphandler/controller 以接受上传并将其保存到文件(或任何您想要对其执行的操作)。从技术上讲,您可以使用您当前所在的页面,但在您的情况下会有点棘手,因为您需要检测导致回发的原因并适当处理(即不要重置下拉列表)。

    我建议使用 HttpHandler 而不是普通页面来接收文件。这是example 之一。

    【讨论】:

    • 这样吗? :url:“WebForm_safeFiles.aspx”,不向该页面发送任何内容,也尝试过:方法:“get”,没有任何变化:(
    • 如果路径与当前页面不在同一位置,则需要包含路径。您可以使用 / 从站点根目录开始,例如“/folder/filename.aspx”。我会使用 F12 开发工具,看看您是否可以看到删除文件时发出的请求。我还将使用参考链接更新我的答案。
    • 谢谢!!!现在它的工作,大声笑感觉很愚蠢,但我需要写“/webform_safeFiles.apx”现在要试试你建议的处理程序,再次感谢:)
    猜你喜欢
    • 1970-01-01
    • 2015-07-04
    • 2017-10-10
    • 2016-07-11
    • 1970-01-01
    • 1970-01-01
    • 2019-09-18
    • 2015-03-08
    • 2019-07-20
    相关资源
    最近更新 更多