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

Question

我有一个将产品添加到在线商店的表格，其中包含许多字段

1）产品名称

2）产品编号

3）产品说明

4）产品价格

5）产品图片

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

我需要做的就是预览该图像，然后再将其上传到服务器，这将是通过使用以下任何JavaScript，jquery，Ajax或c＃进行的：

请帮我...

预先感谢。 特雅斯·维斯纳夫

Answer 1

C＃在服务器上执行，因此映像必须已经存在。

Javascript和jQuery在客户端运行，因此您可以对这两者有更多的了解（实际上，JQuery只是浏览器中JS引擎之上的JS库）。

您为什么仍不使用浏览器的打开/选择文件对话框的预览功能？

Answer 2

您需要一个将dataURI用于Gecko的脚本...

这可能不适用于Web服务器的默认安全性，但是如果您从硬盘加载页面，则可以使用

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

Answer 3

除非您使用Flash或其他ActiveX插件，否则您不能仅使用JavaScript就能做到这一点。 这是因为出于安全原因，未经许可您无法访问客户端计算机资源。 您只能在服务器上上传和预览。 希望这对您有意义。

Answer 4

快速谷歌搜索没有显示任何令人鼓舞的结果（至少有一个以跨浏览器方式工作）。 最好的选择是使用Flash（版本> 10，因为它是使您能够访问用户选择的本地文件的第一个版本）。 它可以是简单的Flash（或Flex）应用程序，您可以找到许多在将用户选择的文件发送到服务器之前对其进行操作/显示的示例。 在这里，您可以找到此类应用程序的示例（由我制作）。 您可以从本地磁盘中选择图像，然后将其显示/可以全部操作，然后再将其上传到服务器。

查看上传之前预览图片的简单示例（Flex）