如何在将图像上传到服务器之前预览图像?

我有一个表单,将产品添加到在线商店,并包含这么多字段

1)产品名称

2)产品代码

3)产品描述

4)产品价格

5)产品图片

现在我希望用户/管理员在使用asp.net的文件上传控件选择图像后,选择将在用户将其上传到服务器之前显示在图像控件中的产品图像。

我需要的是在它上传到服务器之前预览该图像,它将通过使用任何这些javascript,jquery,Ajax或c#

请帮我…

预先感谢。 Tejas Vaishnav

C#在服务器上执行,因此图像必须已经存在。

Javascript和jQuery运行客户端,所以你可以更好地使用这两个(实际上JQuery只是浏览器中JS引擎之上的JS库)。

为什么不使用浏览器的打开/选择文件对话框的预览function呢?

您需要一个使用DataURI for Gecko的脚本…

这可能不适用于Web服务器的默认安全性,但如果从硬盘加载页面,则可以正常工作

http://javascript.internet.com/forms/image-upload-preview.html

除非您使用Flash或其他一些ActiveX插件,否则您无法安静地使用JavaScript。 这是因为出于安全原因,您无法在未经许可的情况下访问客户端计算机资源。 您只能在服务器上上传并预览它。 希望这对你有意义。

快速谷歌搜索没有显示任何有希望的结果(至少有一个以跨浏览器的方式工作)。 您最好的镜头是使用Flash(版本> 10,因为它是第一个允许您访问用户选择的本地文件的版本)。 它可以是简单的Flash(或Flex)应用程序,您可以将它们发送到服务器之前找到操作/显示用户所选文件的许多示例。 在这里你可以找到这样的应用程序的例子(由我制作)。 您可以从本地磁盘中选择图像,并在将其上载到服务器之前显示/可以对其进行操作。

查看上传前预览图像的简单示例(Flex)