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

时间:2012-06-29 10:29:22

标签: asp.net-mvc-3 image upload

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

我知道如何上传图片和发布表单以及将所有内容保存到数据库但问题是我希望获得以下用户体验:

成功上传后,用户可以上传多个图片和浏览器显示缩略图(我知道该怎么做)...这里的问题是我不想在按下按钮保存之前将图像保存到db。有没有方便如何保存临时图像...我已经尝试过临时表,按下按钮后,将所有图像复制到图像表,但这里是浏览器刷新问题,丢失所有数据和图像保留在临时表中。你可以使用会话来存储临时图像或任何其他方式(我认为会话对于这些事情并不特别好。)

1 个答案:

答案 0 :(得分:2)

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

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