在ASP.NET MVC中发布序列化的ASP.NET模型和带有单个Jquery Ajax调用的文件

Question

我正在asp.net中开发一个电影库应用程序。 在管理页面中，我需要向数据库添加电影（详细信息，如姓名，演员，海报网址）。 而且我还需要将电影的预告片上传到服务器中的特定文件夹。

在我的AddMovie视图（强类型为MovieDetails模型）中，我有一个表单，可以将电影信息包含为文本，并使用文件输入来上传文件（电影预告片）。 在我的控制器中，我将绑定的MovieDetails模型和上传的文件分别作为两个参数，如下所示。

起初我只是从我的视图发布到这个控制器而不使用ajax。 我能够将模型和文件送到控制器来完成我需要做的事情。

然后我转移到ajax并尝试在没有页面刷新的情况下执行此操作。

现在没有文件无法上传。 我尝试调试并注意到控制器的uploadFile参数为空虽然我将文件附加到视图中的文件输入。

有没有办法将模型发布到控制器并上传文件而无需完全更改控制器并使用单个ajax调用？

或者是否可以通过模型属性传递文件路径，访问该文件路径并使用Ajax在控制器中上传相关文件。

谢谢！

Answer 1

正如Darin所说，出于某些安全原因，没有简单的方法可以通过ajax处理文件上传问题，而且您无法轻松地将文件上传到服务器; 但好消息是有一些技巧可以解决它，例如，您可以轻松地在mvc形式中使用jquery AjaxForm ，只需稍加修改即可。 看一下jquery-ajax-form及其样本，你会得到一些好主意。

Answer 2

通常，您无法使用AJAX上传文件。 支持FormData现代浏览器允许您直接生成包含multipart/form-data内容的AJAX请求。 另请查看本机XMLHttpRequest对象。

但是，如果您需要支持旧版浏览器，则需要一些后备机制，例如隐藏的iframe或Flash电影。 像blueimp这样的插件会检测浏览器功能并使用浏览器支持的最佳选项上传文件。