如何提交文件而不将其发布到服务器？答案

【问题标题】：How to submit a file without POSTing it to the server?如何提交文件而不将其发布到服务器？
【发布时间】：2012-01-03 08:23:12
【问题描述】：

我希望我的用户能够将图片上传到我的服务器，而无需让他们切换页面，一旦上传完成，该图片就会反弹回该网站上的 div。

这是一个“更改您的个人资料图片”页面。我需要取回图片，以便可以在其上调用 jCrop jquery 库，以便他们可以根据自己的喜好裁剪图片。

这是我目前所拥有的：

@{
    ViewBag.Title = "Profile Picture";
}

<h1>Please choose your new profile picture.</h1>

<input type="file" name="file" />
<input type="submit" value="OK" />

如果我输入@using BeginForm，表单会被发回，页面会加载到新的地方。我不想要这种行为。如何在不重新加载的情况下使用 AJAX 执行此操作？

【问题讨论】：

标签： c# ajax forms asp.net-mvc-3 image-upload

【解决方案1】：

除非您的浏览器支持文件 API，否则您不能通过 ajax 提交文件。 https://developer.mozilla.org/en/using_files_from_web_applications

您可以创建一个 iframe 并使用它来提交您的图片。

How can I upload files asynchronously?

【讨论】：