在拖放页面的表单操作中将参数发送到 HTTPPOST 函数 - MVC Razor C#

Question

我需要创建一个拖放页面。我目前正在使用 "Dropzone" 插件。在我的客户中，我有以下 html:

这里我 select 来自输入的值：

<div class="form-group">
    <label for="selectMarca" class="col-sm-3">Selecione o tipo de Comerciantes a Importar</label>
    <select class="form-control" id="selector">
        <option value=0>Value0</option>
        <option value=1>Value1</option>
        <option value=2>Value2</option>
        <option value=3>Value3</option>
    </select>
</div>

这里是我调用函数 SaveUploadedFile 的地方：

<form class="dropzone" id="dropzoneForm" action="/SettingsMerchants/SaveUploadedFile/0" data-plugin="dropzone">
    <div class="dz-message">
        <h3 class="m-h-lg">Press here or drag some file to import</h3>
     </div>
 </form>

我有一个 Jquery 触发器来更改 "action" 值：

<script>
    $("#selector").on("change", function (e) {
        //e.preventDefault();
        $('#dropzoneForm').attr('action', "/SettingsMerchants/SaveUploadedFile/" + $("#selector").val());
    });
</script>

我的问题是，当我删除文件时，总是用“0”调用我的函数。但是，当我更改 select/option 上的值时，如果我转到浏览器控制台并键入：

，它会发生变化

$('#dropzoneForm').attr('action')

我看到值改变了。

Answer 1

基于这个答案：

https://github.com/enyo/dropzone/wiki/Set-URL-dynamically

我假设 Dropzone JS 在 action 属性中获取初始值并将其存储在 JS 端，然后在初始化后不从中提取，这就是为什么您需要设置url 属性直接在 Dropzone 对象上，如上例所示。

在拖放页面的表单操作中将参数发送到 HTTPPOST 函数 - MVC Razor C#

Sending parameters to HTTPPOST function in form action for a drag and drop page - MVC Razor C#

html

c#

model-view-controller

razor

dropzone.js