带预览的图像上传功能

时间:2010-01-06 13:23:58

标签: asp.net html file-upload

我必须在asp.net中实现图片上传功能。我遵循的方法是这样的: -

提交包含<input type='file'>元素的表单,并将表单的目标设置为命名的iframe [以给出Ajax请求/响应的印象]。发布此表单的aspx文件将图像写入响应Reponse.Write("<img src='location'/>");显示的图像将用于裁剪(我计划使用JCrop)。

我想知道的是:是否有另一种方式可以在<div>中显示图像,而不是在我认为比这种方法好得多的iframe中。

1 个答案:

答案 0 :(得分:1)

如果您拥有或可以访问“location”值,您肯定拥有能够在响应中添加div元素所需的一切:

Response.Write("<div><img src='location'/></div>");

或者可能使用像jQuery这样的东西来简单地设置现有div的内容:

$("#uploadedImage").html("<img src='location' />");

在您的HTML文档中:

<div id="uploadedImage"></div>