`
showtime520
  • 浏览: 88547 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

IE6,IE7上传预览文件

阅读更多
<?xml version="1.0" encoding="gb2312"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>本地图片预览代码(支持 IE6、IE7) </title> 
<style type="text/css"> 
#newPreview 
{ 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); 
} 
</style> 
<script type="text/javascript" language="javascript"> 
<!-- 
function PreviewImg(imgFile) 
{ 
     
    //新的预览代码,支持 IE6、IE7。 
    var newPreview = document.getElementById("newPreview"); 
    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; 
    //需要手动设置高度宽度
    newPreview.style.width = "80px"; 
    newPreview.style.height = "60px"; 
} 
--> 
</script> 
</head> 
<body> 
<p>不论您使用的是 IE6 还是 IE7,均可以看到以下预览。 </p> 
<div id="newPreview"> </div> 
<hr /> 
<p>请选择一个图片进行预览: <input type="file" size="20" onchange="javascript:PreviewImg(this);" /> </p> 
</body> 
</html> 
分享到:
评论

相关推荐

    兼容IE6,IE7,IE8和Firefox的图片上传预览效果

    标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题,这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer(IE6, IE7, IE8)对现代Web标准的支持不足,而...

    IE6/IE7/IE8兼容本地上传图片并预览源代码

    本篇文章将深入探讨一个关键问题——如何实现本地图片上传并预览的功能,并兼容IE6、IE7和IE8。这个功能对于现代浏览器来说是相当基础的,但在老版本的IE中,由于其内核和API的限制,实现起来并不简单。 首先,我们...

    ie6,ie7,ie8和firefox下兼容的图片上传预览

    在网页开发中,兼容性问题始终是一个挑战,尤其是在处理老版本的Internet Explorer(IE)浏览器时,如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限,例如对CSS3、HTML5新特性以及JavaScript的一些高级...

    兼容ie6、ie7、ie8 和FF的本地上传图片预览

    标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点: 1. **FileReader API**:这是一个HTML5的新特性,用于读取文件。在支持的浏览器中,可以通过`FileReader.readAsDataURL(file)`方法...

    上传图片预览-兼容IE6,IE7,IE8,FF

    标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...

    jsp 文件上传浏览,支持ie6,ie7,ie8.docx

    本文将围绕一份名为“jsp 文件上传浏览,支持ie6,ie7,ie8”的文档进行深入探讨,旨在揭示如何实现一个兼容IE6、IE7和IE8的JSP文件上传预览功能,并提供实际代码实例。 #### 二、背景知识概述 在深入分析前,我们...

    图片上传预览 兼容ie6 ,ie7 ,火狐3.0

    虽然可以在ie6,ie7,火狐预览、但在谷歌浏览器还是不行、哪位高人要是有更好的办法浏览、能否交流交流. qq:253930407 email:ruanjingwang@yahoo.com.cn

    IE6,Ie7,ie8 ,和火狐下的图片上传预览 解决方案

    针对“IE6, IE7, IE8, 和火狐下的图片上传预览解决方案”这一主题,我们将深入探讨如何在这些浏览器中实现一致的图片上传预览功能。 首先,IE6、IE7和IE8是微软Internet Explorer的早期版本,它们对于现代Web标准的...

    国外的多文件上传带预览(支持IE、火狐、谷歌、opera)

    标题提到“国外的多文件上传带预览”,这意味着实现这一功能时,不仅考虑了文件上传,还提供了预览功能,用户可以在上传之前查看选定文件的内容。这样的设计对于图片、文档或视频等类型的内容尤其有用,确保用户上传...

    ie8下上传图片无法预览本地图片解决方法技术资料

    ### IE8下上传图片无法预览本地图片解决方法技术资料 #### 背景与问题描述 在Web开发过程中,特别是在处理旧版本浏览器兼容性问题时,经常会遇到各种各样的挑战。Internet Explorer 8(IE8)作为一款较早的浏览器...

    asp.net IE6、7、8 图片上传前预览

    在ASP.NET环境中,针对Internet Explorer 6、7和8这三个早期版本实现图片上传前的预览...综上所述,要实现在ASP.NET中IE6、7、8浏览器上的图片上传预览,需要利用JavaScript和特定的IE滤镜技术,并确保兼容性和安全性。

    IE和FF的图片上传预览

    本文将详细讲解如何实现IE(Internet Explorer)和FF(Firefox)浏览器的图片上传预览功能,以及处理这两种浏览器在处理文件路径上的差异。 首先,让我们了解一下图片上传预览的基本原理。当用户在网页上选择一个...

    JUploader-兼容IE9,10,11的多图预览上传 -升级版,支持文件上传

    JUploader-兼容IE9,10,11的多图预览上传,兼容目前最新的chrome和firefox浏览器;基于 ajaxfileupload.js,支持本地图预览,上传时loadding状态显示。最少代码集成,简单易用。 该版本支持文件上传,技持success回调...

    asp 上传图片预览 ie7-11 火狐 谷歌 qq 360

    在ASP(Active Server Pages)开发中,实现图片上传并预览功能是一项常见的需求,尤其在兼容多种浏览器,如IE7到IE11、火狐、谷歌、QQ浏览器和360浏览器时,需要考虑跨浏览器的兼容性问题。本文将详细讲解如何在这些...

    上传Excel文件支持各浏览器及IE789低版本浏览器

    "上传Excel文件支持各浏览器及IE789低版本浏览器"这个主题,聚焦于解决一个关键的问题:如何在各种浏览器,包括低版本的IE,如IE7、8和9中实现Excel文件的上传功能。 Excel文件上传通常涉及到前端的HTML、CSS和...

    html上传视频文件video预览

    html上传视频文件video预览(不支持多文件预览,在ie及火狐下测试好使,其他游览未测试,纯js 不用引入插件 )

    js做上传文件配置IE

    这个设置允许JavaScript访问服务器上的数据,这对于文件上传过程中验证文件信息或者预览文件内容可能是必要的。 除了以上配置,你可能还需要创建或使用一个特定的ActiveX控件来处理文件选择和上传。这个控件通常是...

    fileUpload(兼容IE的Ajax上传图片)

    6. **前端反馈**:根据服务器返回的结果,更新前端的UI,展示上传成功或失败的信息,以及可能的预览图片。 7. **错误处理**:添加适当的错误处理机制,如超时、网络中断或文件格式不正确等,以提供友好的用户体验。...

    图片上传 预览 兼容 IE firefox

    本篇文章将详细探讨如何实现“图片上传预览”功能,并确保在IE 6/7/8及Firefox(包括新版)等浏览器中的兼容性。 首先,我们需要了解不同浏览器对HTML5新特性的支持情况。现代浏览器如Chrome、Safari和新版Firefox...

Global site tag (gtag.js) - Google Analytics