2

我希望我的用户能够将图片上传到我的服务器，并且无需让他们切换页面，一旦上传完成，该图片就会反弹回该站点上的 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 执行此操作？

4

1 回答 1

3

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

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

如何异步上传文件？

于 2011-11-21T21:10:41.380 回答