javascript - 为 kendo.ui.upload 设置不同的 url

Question

我正在使用带有 django 框架的 kendo ui 上传小部件将文本文件上传到我的网络服务器。在一个网页上有两种不同的形式，每种形式都使用剑道的上传(以同步模式使用)。提交文件时，kendo 会自动将“提交”附加到当前 url 并将其用作帖子中的 url。我希望能够根据提交的表单动态设置 url。任何帮助将不胜感激。

我的表单模板:

<form method="post" action="submit" class='uploader' style="width:45%">
       {% csrf_token %}
            <div>
                <input name="keywords" id="import-keywords" type="file" />
                <input type="submit" value="Submit" class="k-button" />
            </div>
</form>
...
...
<form method="post">{% csrf_token %}
<div>
    <input name="apps" id="import-apps" type="file" />
    <input type="submit" value="Submit" class="k-button" />
</div>

和我的javascript:

$(document).ready(function(){
    $("#import-keywords").kendoUpload({'multiple':false});
    $("#import-apps").kendoUpload({'multiple':false});
})

所以在我的 url 文件中匹配的 url(对于两种形式)是

currentpageurl/submit

Answer 1

实际上 submit 来自您的 form。当您说 action="submit" 时，您说的是帖子的 URL。因为它不是以 / 开头，所以它与您当前的 URL 相关。

如果将其更改为:

<form method="post" action="foo" class='uploader' style="width:45%">
   {% csrf_token %}
        <div>
            <input name="keywords" id="import-keywords" type="file" />
            <input type="submit" value="Submit" class="k-button" />
        </div>
</form>
...
...
<form method="post" action="bar">{% csrf_token %}
<div>
    <input name="apps" id="import-apps" type="file" />
    <input type="submit" value="Submit" class="k-button" />
</div>

然后您将使用 currentpageurl/foo 作为第一个表单(发送 import-keywords 的表单)和 currentpageurl/bar对于第二种形式(发送 import-apps 的形式)。