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

How to preview a image before uploading it to the server?

本文关键字：图像服务器更新时间：2023-09-26

我有一个将产品添加到在线商店的表单，并包含以下多个字段

1)产品名称

2)产品代码

产品说明

产品价格

5)产品形象

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

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

请帮助我……

提前感谢。光辉Vaishnav

c#在服务器上执行，所以图像必须已经存在。

Javascript和jQuery运行在客户端，所以你可以有更多的运气使用这两个(事实上，jQuery只是一个JS库在浏览器的JS引擎之上)。

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

您需要一个脚本为Gecko使用dataURI…

这可能无法使用web服务器的默认安全性，但如果您从硬盘加载页面则可以使用

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

你不能安静地可能只使用JavaScript，除非你使用Flash或其他ActiveX插件。这是因为由于安全原因，未经许可不能访问客户端机器资源。你只能在服务器上上传和预览。

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

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