/*图片预览*/
function PreviewImg(imgFile){
//预览代码,支持 IE6、IE7。
var preImg = document.getElementById("imgTag");
preImg.innerHTML = "";
preImg.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
preImg.style.width = "98px";
preImg.style.height = "98px";
}
</script>
<!-- 设置默认图片 -->
<s:if test="%{imageurlFileName==null||imageurlFileName==''}">
<img id="imageTag" src="images/article/001.jpg" width="80px"
height="80px" />
</s:if>
<s:else>
<img id="imageTag"
src="images/article/<s:property value="imageurlFileName"/> />"
width="80px" height="80px" />
</s:else>
</div>
</td>
</tr>
<tr>
<td height="30" align="right">
</td>
<td colspan="3" align="left">
<input id="imageurl" name="imageurl" type="file"
onchange="javascript:PreviewImg(this);"
class="input_blue_border" size="25" />
</td>
</tr>
分享到:
相关推荐
JavaScript图片预览插件是一种用于增强网页中图片用户体验的工具,尤其在用户需要在点击之前预览图片的情况下非常有用。这种插件简化了HTML代码,使得开发者无需编写大量的额外代码就能实现图片预览功能。本插件是...
JavaScript图片预览是一种常见的网页交互功能,允许用户在点击或悬停在图片链接上时预览图片内容,而无需实际加载整个图片。这种技术在网页设计中广泛应用,尤其是在处理大量图片展示或者上传功能时,提高了用户体验...
**标题详解:** "viewer.js图片预览插件" 是一个专门用于图片预览的JavaScript库,它提供了方便的功能,使用户能够在网页上快速、高效地预览图片。这个插件设计灵活,可以在不同的项目中独立使用,无需依赖其他大型...
`ext-watchimg.js`是自定义的JavaScript脚本,可能是实现图片预览功能的核心部分。在这个文件中,开发者可能定义了以下函数: 1. `initWatchImg()`: 初始化图片预览功能,可能包括设置初始状态、绑定事件等。 2. `...
viewer.js 是一个轻量级且易于使用的JavaScript插件,专门用于在网页上实现图片预览功能。这个插件适用于各种设备,包括桌面和移动端,使得用户在点击图片后能够快速查看大图并进行交互操作。viewer.js 结合了优雅的...
在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...
总结,JavaScript图片预览技术是前端开发中不可或缺的一部分,通过合理地使用API和兼容性处理,可以实现对火狐和IE等不同浏览器的支持。理解其工作原理并熟练运用,将有助于提升前端项目的用户体验。
【标题】"支持批量上传、JS图片预览的前端上传组件"所涉及的知识点主要集中在前端开发领域,尤其是文件上传和用户体验优化上。这个组件设计用于处理用户在Web应用中上传多个文件的需求,同时提供了图片预览功能,...
**JavaScript前端图片预览插件详解** 在网页开发中,图片预览是一个常见的需求,它允许用户在上传或查看图片前进行预览操作。本文将详细介绍一个基于JavaScript实现的前端图片预览插件,该插件利用HTML5的Canvas...
在这个主题中,我们关注的是"非常漂亮的JS图片预览特效",这通常指的是利用JavaScript技术实现的图片预览功能,允许用户在不离开当前页面的情况下查看图片的详细内容,甚至可以局部放大图片,提高用户体验。...
该插件是在纯JS图片预览基础上改版的,释放了里面的$方法,避免使用该图片预览插件时不能使用jquery的 $方法。重写了picList.js文件中的方法,改为从html页面获取,避免数据源需要多处接收。
Lightbox JS 是一款广泛使用的JavaScript库,专门设计用于创建优雅的图片预览体验。这款插件的核心功能是在网页上以弹出式、全屏或半透明背景的方式展示图片,为用户提供了无需离开当前页面就能查看大图的便利。...
超NB的js图片预览效果代码超NB的js图片预览效果代码
`ImagePreview.js`是JavaScript文件,其中包含了实现图片预览的脚本。JavaScript可以读取用户选取的文件,利用FileReader API将图片数据转换为Base64编码,然后将其插入到页面的某个元素(例如,一个`<img>`标签的`...
以上就是实现JavaScript图片预览的基本步骤,覆盖了IE和Firefox等主要浏览器。当然,实际应用中可能还需要考虑图片大小限制、多图片预览、错误处理等复杂情况,但这个基础示例提供了一个良好的起点。
综上所述,通过监听文件输入元素的`change`事件,使用`FileReader`读取文件并转化为Base64 URL,动态计算缩放比例,以及清空预览容器,我们可以实现一个基本的JavaScript图片预览功能,同时兼容IE8浏览器。...