`
haohao-xuexi02
  • 浏览: 214932 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

js图片预览

阅读更多

/*图片预览*/
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">
       &nbsp;
      </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>

分享到:
评论
1 楼 guangqiang 2012-10-25  
正需要ie的呢  但是你这个貌似不支持ie把 ....求赐教...

相关推荐

    js图片预览插件----

    JavaScript图片预览插件是一种用于增强网页中图片用户体验的工具,尤其在用户需要在点击之前预览图片的情况下非常有用。这种插件简化了HTML代码,使得开发者无需编写大量的额外代码就能实现图片预览功能。本插件是...

    javascript图片预览

    JavaScript图片预览是一种常见的网页交互功能,允许用户在点击或悬停在图片链接上时预览图片内容,而无需实际加载整个图片。这种技术在网页设计中广泛应用,尤其是在处理大量图片展示或者上传功能时,提高了用户体验...

    viewer.js图片预览插件

    **标题详解:** "viewer.js图片预览插件" 是一个专门用于图片预览的JavaScript库,它提供了方便的功能,使用户能够在网页上快速、高效地预览图片。这个插件设计灵活,可以在不同的项目中独立使用,无需依赖其他大型...

    javascript图片预览(滚动放大缩小和拖动查看)

    `ext-watchimg.js`是自定义的JavaScript脚本,可能是实现图片预览功能的核心部分。在这个文件中,开发者可能定义了以下函数: 1. `initWatchImg()`: 初始化图片预览功能,可能包括设置初始状态、绑定事件等。 2. `...

    viewer.js 图片预览插件

    viewer.js 是一个轻量级且易于使用的JavaScript插件,专门用于在网页上实现图片预览功能。这个插件适用于各种设备,包括桌面和移动端,使得用户在点击图片后能够快速查看大图并进行交互操作。viewer.js 结合了优雅的...

    JS图片预览(兼容IE6、IE7、IE8和FF)

    在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...

    js图片预览(支持火狐和IE)

    总结,JavaScript图片预览技术是前端开发中不可或缺的一部分,通过合理地使用API和兼容性处理,可以实现对火狐和IE等不同浏览器的支持。理解其工作原理并熟练运用,将有助于提升前端项目的用户体验。

    支持批量上传、JS图片预览的前端上传组件

    【标题】"支持批量上传、JS图片预览的前端上传组件"所涉及的知识点主要集中在前端开发领域,尤其是文件上传和用户体验优化上。这个组件设计用于处理用户在Web应用中上传多个文件的需求,同时提供了图片预览功能,...

    js前端图片预览插件

    **JavaScript前端图片预览插件详解** 在网页开发中,图片预览是一个常见的需求,它允许用户在上传或查看图片前进行预览操作。本文将详细介绍一个基于JavaScript实现的前端图片预览插件,该插件利用HTML5的Canvas...

    非常漂亮的JS图片预览特效

    在这个主题中,我们关注的是"非常漂亮的JS图片预览特效",这通常指的是利用JavaScript技术实现的图片预览功能,允许用户在不离开当前页面的情况下查看图片的详细内容,甚至可以局部放大图片,提高用户体验。...

    纯js图片预览

    该插件是在纯JS图片预览基础上改版的,释放了里面的$方法,避免使用该图片预览插件时不能使用jquery的 $方法。重写了picList.js文件中的方法,改为从html页面获取,避免数据源需要多处接收。

    Lightbox JS 图片预览插件Demo.rar

    Lightbox JS 是一款广泛使用的JavaScript库,专门设计用于创建优雅的图片预览体验。这款插件的核心功能是在网页上以弹出式、全屏或半透明背景的方式展示图片,为用户提供了无需离开当前页面就能查看大图的便利。...

    超NB的js图片预览效果代码

    超NB的js图片预览效果代码超NB的js图片预览效果代码

    asp js 图片预览

    `ImagePreview.js`是JavaScript文件,其中包含了实现图片预览的脚本。JavaScript可以读取用户选取的文件,利用FileReader API将图片数据转换为Base64编码,然后将其插入到页面的某个元素(例如,一个`&lt;img&gt;`标签的`...

    javascript 图片预览

    以上就是实现JavaScript图片预览的基本步骤,覆盖了IE和Firefox等主要浏览器。当然,实际应用中可能还需要考虑图片大小限制、多图片预览、错误处理等复杂情况,但这个基础示例提供了一个良好的起点。

    js实现的网页图片预览

    综上所述,通过监听文件输入元素的`change`事件,使用`FileReader`读取文件并转化为Base64 URL,动态计算缩放比例,以及清空预览容器,我们可以实现一个基本的JavaScript图片预览功能,同时兼容IE8浏览器。...

Global site tag (gtag.js) - Google Analytics