FileLoad 直接显示到img标签中 实现预览效果
2010-10-10 21:35
162 查看
<asp:FileUpload ID="FileUp" runat="server" onchange= "document.getElementById('imagePro').setAttribute('src',this.value);"/>
<img id="imagePro" alt="pic" src="images/7ada23552rysffr.gif" style="vertical-align:middle; width: 71px; height: 64px;"/>
貌似document.getElementById( 'imagePro ').src 有时候因为浏览器的原因会不行。
为了兼容各种浏览器。最好写成：
document.getElementById('').setAttribute('src',this.value);
<img id="imagePro" alt="pic" src="images/7ada23552rysffr.gif" style="vertical-align:middle; width: 71px; height: 64px;"/>
貌似document.getElementById( 'imagePro ').src 有时候因为浏览器的原因会不行。
为了兼容各种浏览器。最好写成：
document.getElementById('').setAttribute('src',this.value);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
- img标签实现和背景图一样的显示效果——object-fit和object-position
- JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
- Bootstrap实现的标签页内容切换显示效果示例
- 使用jsp自定义标签库实现数据列表显示模拟cms4j中的标签库效果
- input标签上传图片到后端前用H5的FileReader 方法实现图片的显示
- input type=file 选择图片并且实现预览效果的实例
- input file 实现图片预览效果
- html使用display:inline-block实现标签右对齐，值左对齐效果。和设置div宽度，并居中显示。嵌套div的里层div文字居中显示
- 原生js FileReader对象实现图片上传本地预览效果
- PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
- Fieldset，一个不常用的HTML标签 (表单分组实现效果,象Winfrom 里的GroupBox 在左上角显示标题.)
- jtable中某列实现html中a标签效果，鼠标移到上面去的时候显示手型效果
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 （css控制span标签）
- javascript实现input file上传图片预览效果
- 简单获取input file 选中的图片，并在一个div的img里面赋值src实现预览图片
- Android检测富文本中的<img标签并实现点击效果
- input type=file 选择图片并且实现预览效果的实例
- HTML使用FileReader对象的readAsDataURL()方法实现图片的上传预览效果
- JavaScript使用FileReader实现图片上传预览效果