发布前在 mvc 3 中上传和保存图像

Question

我的网络应用中的图片有问题。假设我有一个表单，其中有一些文本字段、下拉列表、用于多个图像上传的上传 ajax 控件和按钮保存。

我知道如何上传图片和发布表单并将所有内容保存到数据库，但问题是我想实现以下用户体验：

成功上传后，用户可以上传多张图片，浏览器会显示缩略图（我知道怎么做）...这里的问题是我不想在按下按钮保存之前将图片保存到数据库。是否有任何方便的保存临时图像的方法...我尝试过按下按钮后将所有图像复制到图像表的临时表，但这是浏览器刷新问题，它会丢失所有数据并且图像保留在临时表中。您可以使用会话来存储临时图像或任何其他方式吗（我认为会话对于此类事情并不是特别好的主意。）

Answer 1

实现此目的的一种简单方法是使用HTML5 File API，并在用户选择要上传的文件后显示缩略图。您甚至不需要浪费带宽，因为一切都发生在客户端上。用户提交表单后，图片将上传到服务器。

另一种可能性是使用大量可用的 AJAX 上传控件之一，例如 Uploadify、Valums Ajax Upload、Uploadify、jQuery 表单插件……这将允许您使用 AJAX 请求将文件上传到服务器这样您就可以在那里调整它的大小并将调整后的图像返回给客户端，您可以在客户端上显示缩略图。