javascript 预览图片,只支持IE

最新推荐文章于 2020-05-09 19:05:15 发布
最新推荐文章于 2020-05-09 19:05:15 发布
阅读量70 收藏
点赞数
分类专栏： JavaScript 文章标签： IE JavaScript Microsoft XHTML HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/conkeyn/article/details/83284338
版权 
<!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>无标题文档</title>
<script type="text/javascript">
function Preview(imgFile)
{ 
	document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
} 
</script>
</head>

<body>
<input type="file" name="uploadFile" id="uploadFile" title="橱窗图片" οnchange="javascript:Preview(this);"/><br />
<div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:93px;height:91px;"></div>
</html>
 
conkeyn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 下载文件方法分享(解决图片文件无法直接下载和 IE兼容问题)
weixin_34161064的博客
10-11 1102
场景简介 由于业务需要，经常遇到下载各类文件的需求，其中最头疼的莫过于前端下载图片了，直接给个图片文件地址会变成直接打开图片，而不是弹窗提示另存为，研究了下前端实现文件下载最便捷的方法还是创建 a 标签，写入download 属性实现点击下载，但这在 ie 浏览器上的实现又与一般浏览器不同，于是摸索之后写了个通用的下载方法，既可用来下载文件也可下载图片，希望能够帮到大家。 npm 安装使用 ...
javascript IE7 浏览器本地图片预览
10-30
在JavaScript中处理浏览器的本地图片预览功能时，尤其是在旧版的Internet Explorer（如IE7）中，开发者会遇到一些挑战。在IE6中，我们可以简单地通过改变`img`标签的`src`属性来实现本地图片预览，但IE7并不支持这种...
纯javascript前端实现base64图片下载(兼容IE10+)
01-19
背景 在项目开发过程中，经常会有图片导出的需求，尤其是带有图表类的应用，通常需要将图表下载导出。 在chrome等新版浏览器中实现base64图片的下载还是比较容易的： 创建一个a标签 将a标签的href属性赋值为图片的base64编码 指定a标签的download属性，作为下载文件的名称 触发a标签的点击事件 但是这套逻辑在IE下是不行的，这样写会直接报错。 所以IE下需要单独处理，这里IE在处理这种文件的时候给提供了一个单独的方法：window.navigator.msSaveOrOpenBlob(blob, download_filename)调用这个方法可以直接触
JS实现单图片预览，兼容IE、火狐
08-09
NULL 博文链接：https://1017401036.iteye.com/blog/2098990
用js实现的图片在浏览器里面来回滚动效果 <兼容ie和ff>
xiaowangzi756897098的专栏
07-31 1109
var dirX = 1; var dirY = 1; var xPos = 0; var yPos = 0; var floatIcon ; floatIcon = float_icon.style; floatIcon.visiblity = "visible"; function moveIcon() {
js预览图片兼容所有浏览器
10-09
js预览图片兼容ie6，7，8，火狐等浏览器
javascript上传预览图片（IE8支持）
u014798510的博客
07-22 4775
html: <input type="file" multiple="true" name="imgOne" id="imgOne" onchange="preImg(this.id,'imgPre');" /> <img id="imgPre" src="" width="300px" height="300px" style="display: block;" /> javasc
各个浏览器下图片预览，兼容ie
zywpurple的博客
09-23 1541
图片预览的实现，兼容ie
JavaScript 图片预览效果 推荐
10-29
JavaScript 图片预览效果的实现是一项技术挑战，尤其是在现代浏览器对安全性要求日益增强的情况下。本文主要探讨了在不同浏览器环境下，如何使用JavaScript实现图片预览功能，并分享了一个经过实践检验的程序。 ...
javascript上传图片前预览图片兼容大多数浏览器
10-26
对于支持File API的现代浏览器（如Firefox、Chrome），我们可以直接创建一个URL来预览图片： ```javascript imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); ``` 对于Safari浏览器，使用`...
javascript图片预览和上传（兼容IE）
12-01
在JavaScript中，图片预览和上传是常见的功能需求，尤其在网页交互中。本文将深入探讨如何使用JavaScript实现这一功能，并兼容Internet Explorer浏览器。在实际的网页开发中，考虑到浏览器兼容性是至关重要的，因为...
js兼容IE下载图片在本地
luckyJieXu的博客
05-15 9158
$("#tab1").bindChildEvent("#download",function(){ var imgPathURL=$("#div_edit_image_views #image").attr("src"); if(imgPathURL){ oDownLoad(imgPathURL);
HTML+JS实现浏览器下载图片 （可以下载第三方链接的图片）
岁末zzz的博客
05-17 3243
如果使用a标签指向一个图片的话，你会发现点击链接时它会直接在浏览器中打开图片并显示: <a href="http://www.baidu.com/img/baidu_jgylogo3.gif" /> 但是这样的话，就存在一个问题，如果我想点击a链接直接下载图片到本地，该怎么实现呢？ 在查阅资料之后，发现a标签有一个download的属性，添加了该属性，a标签将直接下载文件，并根据do...
js实现图片直接下载遇到的坑--（IE）
qq_35339949的博客
08-08 8281
首先不得不吐槽下百度的垃圾搜索，很难搜索到一些问题的原因和解决办法。基本搜索到的都是千篇一律的文章，博客，打开你会发现里面内容一模一样。即使内容有用，说的也很片面。这样坑就产生了，你明明代码是粘贴复制的，为什么就是出不来效果呢。（请原谅我是小白，英文看起来吃力，技术水平也一般）。好了，废话不多说。上干货   需求：js实现网页变图片然后下载功能。   实现：网页变图片用的是html2canva
下载图片呢到本地（兼容ie）
qq_40774743的博客
01-13 1614
http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript">                                             调用浏览器下载功能（兼容各主流浏览器）                        
js下载图片到本地
热门推荐
追随大神的脚步
09-29 4万+
$(function(){ //二维码 (function(){ var img_src = $('.qr_img')[0].src; if(browserIsIe()){//假如是ie浏览器 $('.down_qr').on('click',function(){ img_src = $('.qr_img')[0].src; DownLoadReportIMG(
js下载base64的图片（兼容到IE10）
qq_36947174的博客
05-09 1226
自我记录 /* imgUrl: base64 fileName: 保存时候的文件名 */ downLoadImg(imgUrl, fileName = 'aa') { // 下载 if (window.navigator.msSaveOrOpenBlob) { // IE var bstr = atob(imgUrl.split(',')[1]) var n = bstr.length var u8arr = new Uint8Array(n) while (n--) { u8ar
CKeditor的取值和赋值
conkeyn的专栏
07-05 3218
  &lt;script type="text/javascript"&gt; var myeditor=CKEDITOR.replace('txtContent', { toolbar: 'Basic' }); &lt;/script&gt;     即赋值给一个变量就OK了，然后使用下面的方式读取文本域的值： myeditor.document.getBody()....
Angularjs 1.x 中使用 layDate 日期控件
conkeyn的专栏
10-18 1221
本文参照Angularjs 中使用 layDate 日期控件进行修改。 laydate控件版本采用5.0.7，下载地址github。原版的package.json文件好像是有编码问题。需要将该文件转到utf-8格式的。   /** * 使用示例： * &lt;p&gt; * &lt;ul&gt; * &lt;li&gt; 基本日期选择:&lt;in...
JavaScript实现图片上传预览技术及兼容性处理
"这篇文章主要介绍了如何使用JavaScript实现图片上传预览效果，包括各种浏览器的兼容性和不同的预览方法，如ie7/8的滤镜预览法，Firefox 3的getAsDataURL方法，以及针对Opera、Safari和Chrome的后台支持预览方案。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值