Asp.net图片上传实现预览效果的简单代码

这篇文章将向你展示如何在Asp中实现图片上传并即时预览的功能。对于有此需求的朋友，这是一个值得参考的简单代码示例。

你需要在页面上放置一个文件上传控件和一个图片显示控件。具体的代码如下：

``

``

在上述的文件上传控件中，我们绑定了`onpropertychange`事件并调用了JavaScript中的`show`函数，同时将当前文件路径作为参数传递给该函数。对应的JavaScript代码如下：

``

经过测试，此方案在IE6、IE7等浏览器中运行良好（注意，需要通过特定的过滤器实现）。为此，我们需要一个用于显示图片的div元素，相关代码如下：

`

接下来，我们还有一个文件上传控件，这次我们为其绑定另一个`onpropertychange`事件并调用`show1`函数。这个函数将更新上述div元素中的图片源，并调整其大小以适应预定的宽度和高度。对应的HTML和JavaScript代码如下：

``

``

以上代码实现了在Asp中上传图片并即时预览的功能。请注意，此代码主要针对IE浏览器，特别是IE6和IE7版本。如果你正在使用其他浏览器或有特殊需求，可能需要进行相应的调整和优化。