Asp.Net Core-无法从Dropzone JS上传文件

Reyan Chougle

我正在使用带dropzone js的asp.net core 2.2。

我正在尝试提交一个表格以及dropzone js中包含的文件。

我有一个输入文件字段(可以隐藏也可以不隐藏)。我想将dropzone文件分配给该字段并提交。但是“表单”字段始终为空。

这是代码:

MVC控制器:

[HttpPost]
[ValidateAntiForgeryToken]
public IActionResult Add(ViewModels.Photo model)
{
    var files = HttpContext.Request.Form.Files; // this is also empty
    ....
}

MVC模型:

public class Photo
{
    ...

    public List<IFormFile> Files { get; set; }
}

HTML:

<form asp-action="Add" asp-controller="Photos" method="post" id="addForm" enctype="multipart/form-data">
    <div class="dropzone">
        <input asp-for="Files" type="file" multiple hidden/>
    </div>
    <button type="submit">Submit</button>
</form>

JS:

var e = "#addForm",
var t = new Dropzone(e, {
    maxFilesize: 1,
    acceptedFiles: ".png,.jpg,.jpeg",
    uploadMultiple: false,
    autoProcessQueue: false
});
t.on("addedfile", function (o) {
    $("#Files").files = t.files;
})
Reyan Chougle

我设法使事情正常进行,这是次要的修复。

我更改了以下代码

$("#Files").files = t.files;

$("#Files").files = t.hiddenFileInput.files;

t.files是dropzone捕获的文件的数组,而dropzone捕获的文件t.hiddenFileInput.filesFileList对象也是。

$("#Files").files也是一个FileList对象,这就是为什么t.files不工作,由于类型不匹配。

现在,它使用默认的提交机制提交表单字段以及文件。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

大文件无法在ASP.NET中上传

来自分类Dev

处理ASP.NET Core 1.0上的大文件上传

来自分类Dev

如何使用ASP.NET Core 1.0上传带有模型的文件?

来自分类Dev

Asp.net Core rc2 Web API文件上传

来自分类Dev

在ASP.NET Core中上传文件图像

来自分类Dev

如何将文件从Angular上传到ASP.NET Core Web API

来自分类Dev

无法将文件上传功能添加到项目-ASP.Net MVC Core 3.0

来自分类Dev

在ASP.NET Core中上传文件

来自分类Dev

无法将自定义设置文件添加到Asp.Net Core 3.1 WebApi

来自分类Dev

无法通过ASP.NET Core中的WebClient.DownloadFile方法下载日志文件

来自分类Dev

真的在ASP.NET Core中没有缓冲的文件上传吗?

来自分类Dev

在ASP.NET Core 3.1中上传和下载大文件?

来自分类Dev

asp.net core 3.1流式传输大文件-无法阻止模型绑定

来自分类Dev

使用axios将Vue中的XML文件上传到ASP .NET Core

来自分类Dev

我无法将我的CSS文件加载到剃刀页面(ASP.Net Core)中

来自分类Dev

ASP.NET Core 3.1 IOptions-无法从Helper类中的文件初始化配置

来自分类Dev

将文件从Angular上传到ASP.NET Core

来自分类Dev

无法在Asp.Net Core中上传图片

来自分类Dev

Asp.Net Core 2.1静态文件

来自分类Dev

Asp.net Core rc2 Web API文件上传

来自分类Dev

无法在asp.net中上传空白文件

来自分类Dev

使用Angular将文件上传到ASP.net Core API

来自分类Dev

.Net Core删除上传的文件

来自分类Dev

使用 MongoDb 在 Asp.NET Core 中上传文件

来自分类Dev

ASP.NET Core 2 razor 页面中的文件上传

来自分类Dev

使用 dropzone.js 上传文件 OnClick 与 ASP.NET 服务

来自分类Dev

将 Excel 文件从 React 上传到 C# ASP.NET Core 后端

来自分类Dev

ASP.Net Core:文件上传问题 - 文件锁定和 404

来自分类Dev

如何在asp.net core中访问从jquery文件上传发送的附加表单数据?

Related 相关文章

  1. 1

    大文件无法在ASP.NET中上传

  2. 2

    处理ASP.NET Core 1.0上的大文件上传

  3. 3

    如何使用ASP.NET Core 1.0上传带有模型的文件?

  4. 4

    Asp.net Core rc2 Web API文件上传

  5. 5

    在ASP.NET Core中上传文件图像

  6. 6

    如何将文件从Angular上传到ASP.NET Core Web API

  7. 7

    无法将文件上传功能添加到项目-ASP.Net MVC Core 3.0

  8. 8

    在ASP.NET Core中上传文件

  9. 9

    无法将自定义设置文件添加到Asp.Net Core 3.1 WebApi

  10. 10

    无法通过ASP.NET Core中的WebClient.DownloadFile方法下载日志文件

  11. 11

    真的在ASP.NET Core中没有缓冲的文件上传吗?

  12. 12

    在ASP.NET Core 3.1中上传和下载大文件?

  13. 13

    asp.net core 3.1流式传输大文件-无法阻止模型绑定

  14. 14

    使用axios将Vue中的XML文件上传到ASP .NET Core

  15. 15

    我无法将我的CSS文件加载到剃刀页面(ASP.Net Core)中

  16. 16

    ASP.NET Core 3.1 IOptions-无法从Helper类中的文件初始化配置

  17. 17

    将文件从Angular上传到ASP.NET Core

  18. 18

    无法在Asp.Net Core中上传图片

  19. 19

    Asp.Net Core 2.1静态文件

  20. 20

    Asp.net Core rc2 Web API文件上传

  21. 21

    无法在asp.net中上传空白文件

  22. 22

    使用Angular将文件上传到ASP.net Core API

  23. 23

    .Net Core删除上传的文件

  24. 24

    使用 MongoDb 在 Asp.NET Core 中上传文件

  25. 25

    ASP.NET Core 2 razor 页面中的文件上传

  26. 26

    使用 dropzone.js 上传文件 OnClick 与 ASP.NET 服务

  27. 27

    将 Excel 文件从 React 上传到 C# ASP.NET Core 后端

  28. 28

    ASP.Net Core:文件上传问题 - 文件锁定和 404

  29. 29

    如何在asp.net core中访问从jquery文件上传发送的附加表单数据?

热门标签

归档