js 实现上传图片预览,IE浏览器无法显示

IE这块的获取上传图片src的代码有么有大神帮我改一下,要能兼容所有IE版本

图片说明
file是上传图片的input的id

0

2个回答

ie6才支持直接img.src=file.value。。。ie7+已经不行了,可以看这个
javascript客户端图片预览,兼容所有浏览器,包括ie7+

2
weixin_42903542
lyl615 回复showbo: 刚才又试了下又没问题了。走的FileReader。
8 个月之前 回复
showbo
支付宝加好友偷能量挖 回复weixin_42903542: 你打断点是走FileReader分支还是document.all分支的?
8 个月之前 回复
weixin_42903542
lyl615 回复showbo: 11.0.9600.19155
8 个月之前 回复
showbo
支付宝加好友偷能量挖 回复weixin_42903542: 没问题啊。。我这里ie11.0.9600.18860版本。你那ie11什么版本的?
8 个月之前 回复
weixin_42903542
lyl615 我之前就试了这个,IE 11 还是出错了,我把代码和错误图片发帖子里你帮我看看呗
8 个月之前 回复

百度浏览器还是没问题,ie 11 还是不行
图片说明
图片说明

0
showbo
支付宝加好友偷能量挖 你打断点是走FileReader分支还是document。all分支的?
8 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
上传图片预览功能的IE浏览器兼容性问题的实现:JS+JQuery+CSS完整版
上传图片,最令人头痛的,不是功能的实现,而是IE浏览器的兼容性问题。IE浏览器是每一个前段开发人员的痛。好了,废话不多说,上代码,可以兼容IE8/IE10/谷歌浏览器,目前已经测试的是这2个浏览器。如果大家发现问题,可以及时反馈,留言给我。
js 预览本地图片 兼容Ie
图片上传本地预览 #preview { width: 260px; height: 190px; border: 1px solid #000; overflow: hidden; } #imghead { filter
html5 图片上传,支持图片预览、压缩、及进度显示,兼容IE6+及标准浏览器
来源:http://www.cnblogs.com/devin87/p/web-uploader-image.html 以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实
各个浏览器下图片预览,兼容ie
图片预览的实现,兼容ie
在IE 10以下无法(有时可以有时不可以)预览本地所上传的图片
在IE 10以下无法(有时可以有时不可以)预览本地所上传的图片 IE下iframe中使用滤镜document.selection.createRange().text获取不到值得解决办法 最近公司项目上线,客户反馈:在IE 10以下无法(有时可以有时不可以)本地预览所上传的图片 判断是否为IE 的方法 //判断是否是IE浏览器,包括Edge浏览器 functio...
兼容各个浏览器的图片上传预览
在Web开发中不可避免的会做一些图片上传的功能,传统的图片上传是将图片上传至服务器之后,再将文件的URL返回回来,然后异步通过这个URL加载刚刚上传的图片,实现图片的预览,很明显的在这个过程中两次Web请求,一次发送文件,一次下载文件,到最后这个文件如果在客户端被删除(取消上传,弃用这次的上传),这整个过程都白费了。我们希望能够在图片上传之前就能进行图片的预览,提高用户的体验效果。 源码如下
图片上传预览兼容IE
1.页面代码<input type=file name="doc" id="doc" onchange="javascript:setImagePreview();"> <p> <div id="localImag"><img id="preview" width=-1 height=-1 style
前端----实现图片上传与预览(兼容IE8)
最近在做人脸库添加修改等功能,其中有一个功能就是人脸图片的上传和预览,这边就遇到的问题做一下简单的记录。(自己也是在网上搜索别人的方法,再加上一些自己整理) 先看一下效果:...
JS兼容各个浏览器的本地图片上传即时预览效果
在看代码之前,先让我们来了解以下知识点: HTML5中的FileReader对象: FileReader对象主要是把文件读入内存中,并且读取文件中数据。目前为止,firefox3.6+ chrome6+ Safari5.2+ Opera11+及IE10浏览器支持FileReader对象。它有以下5种方法: 1. readBinaryString  2. readAsText
前端图片预览,上传前预览,兼容IE7、8、9、10、11,FIREFOX,CHROME
转载地址:http://hao.jser.com/archive/7968/ 在现在的Web开发中不可避免的会做一个图片预览的功能,比如在上传图片的情况下,一个很简单的办法就是讲图片上传至服务器之后,再将文件的URL返回回来,然后异步通过这个URL加载刚刚上传的图片,实现图片的预览,很明显的在这个过程中两次Web请求,一次发送文件,一次下载文件,到最后这个文件如果在客户端被删除(取消
图片上传前端预览兼容ie9以下
创作背景:         公司项目都是依赖于Ie浏览器,好多的技术都是不支持ie,对于ie,尤其是ie9以下,必须特别处理。         html: 浏览     js: function change(){ //获取需要处理的DOM对象 var pic = document.getElem
解决上传图片预览在浏览器中不显示的问题
使用一个图片上传预览插件uploadPreview插件 引入uploadPreview.min.js文件 <script type="text/javascript" src="${pageContext.request.contextPath}/jslib/jquery.min.js"></script> <script type="text/javascrip...
真正实现兼容IE6以上主流浏览器-上传图片预览
真正实现兼容IE6以上主流浏览器-上传图片预览(注意请不用IE Tester测试,IE Tester下input file完全点不了,我是直接用虚拟机真实IE测试) 另外这里只列出了前端页面,后台处理的话可以看看我的这篇文章http://blog.csdn.net/jdfkldjlkjdl/article/details/40659823 下面是源代码: 真正实现兼容
JS上传图片预览
JS上传图片预览,支持IE,火狐,谷歌等浏览器
javascript上传预览图片(IE8支持)
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
IE8 上传图片 预览 (兼容)
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Document&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;form action
适用于各浏览器支持图片预览,无刷新异步批量上传js插件(2)
之前写的这个上传插件,同事们都觉得还不错,不过都觉得还不够完美,于是用了些业余时间将它再次优化 以前在上传的时候虽然可以多文件上传,但其实是将所有文件都放到一个form里面同时提交的,这样就造成一个问题,在服务端无法对文件做单个的处理,比如告诉客户端这个文件太大了或者上传发生异常的时候客户端也只有全部终止再重新上传。 针对以上这些问题,优化为一个文件对应一个form的方式,这样带来的好处是服务
dom原理实现js上传图片预览
dom原理实现js上传图片预览dom原理实现js上传图片预览dom原理实现js上传图片预览dom原理实现js上传图片预览dom原理实现js上传图片预览dom原理实现js上传图片预览dom原理实现js上传图片预览dom原理实现js上传图片预览dom原理实现js上传图片预览
图片预览(兼容IE8)JS代码(包含demo)
此图片预览插件为JS代码,具体可以在我的博客中看,如果没有资源的话,可以私聊博主。 这款插件最好的地方在于可以兼容IE8。
头像上传前本地预览功能的实现(兼容ie8)
以下代码为头像的上传前预览功能的实现,UI可自行发挥。可用form表单提交文件,也可使用jquery.form.js插件实现。下面demo中使用的form提交。 $(function () { $("#up").uploadPreview(); }); jQuery.fn.extend
基于ueditor的兼容IE8的多图片上传+预览效果(JSP)
博主在网上找到了剥离出来的百度开发的ueditor中有多图片上传功能的例子(仅针对JSP),加上之前的适应IE8+的预览JS,二者结合,则既可以上传图片,又可以预览图片。 适应IE8+的预览JS: 下载网址为:http://download.csdn.net/download/death05/9765979 博客地址为:http://blog.csdn.net/death05/article/details/58587348 二者结合(即对应本项目资源) 博客地址为:http://blog.csdn.net/death05/article/details/58601392
兼容IE8和主流浏览器的图片预览的js代码
现如今的许多图片预览功能很多都是基于HTML5做出来的,虽然有着很酷炫的效果,但基本都不兼容IE8。博主因为项目需求,苦苦寻找,终于找到了一个。
html5 + jq 实现图片上传预览,兼容主流浏览器
图片上传预览 function preview(imgobj,previewImgId,previewDivId){ var accept = /^(.+)\.(jpg||jpeg||png||gif)$/g; var browserVersion = window
兼容IE10上传并预览图片的方法(ie9暂时没有弄好)
以下代码会用到:1.jQuery   2.layui.all.js(要把整个插件downloaded)   3.jQuery.form.js jQuery.form.js 使用很简单的,请参考:https://www.cnblogs.com/azhw/p/4661838.html html:   &amp;lt;form id=&quot;designer_form&quot; class=&quot;layui-form&quot;...
javascript图片预览(滚动放大缩小和拖动查看)
打开html可直接查看例子,例子中图片url写死的,是一个网络图片,如果该图片不见了可直接更改那个地址。 完全是自己写的滚动和拖动行为
解决IE8无法显示本地图片问题
在处理图片上传预览的时候 一般都是直接显示用户上传的本地文件 以减小与服务端交互 但是IE7+之后就已经不再支持显示本地图片了 这里提供一种解决方案  就是应用Javascript使用滤镜效果   废话不多说了 直接上代码: HTML部分: JS部分: var path = "本地图片绝对路径"; document.getElementById("imgPreview").inne
图片粘贴上传,预览——兼容ie(手动上传)和谷歌浏览器(粘贴或拖拽上传)(方法一)
1.优化上传的css: .img-class { width: 525px; height: 290px; } .img-paste-class { width: 530px; height: 330px; } .a-file { position: relative; display: inline-block; backgroun...
js实现ie浏览器选择文件夹
function browseFolder(path) { try { var Message = &quot;\u8bf7\u9009\u62e9\u6587\u4ef6\u5939&quot;; //选择框提示信息 var Shell = new ActiveXObject(&quot;Shell.Application&quot;); var Folder = Shell....
input file 实现上传预览图片,以base64上传,兼容IE8+,firefox,chrome
前言 最近在公司开发一个项目,其中涉及到一个工能,主要是上传一些小图片,而且在网站上需要大量引用这个小图片的,对于上传一些小的头像等。一开始觉得直接上传就好了,但是发现这样子的话,一个小图片就会发送一个http请求资源,大量的小图片的请求资源的话,会造成服务器资源的负担。而且我希望在用户头像上传也可以不直接上传image,以其他的方式上传,可以将图像的信息存储在数据库中,这样子对于小图片还是有好
js上传图片预览
js上传图片预览 兼容 ie 火狐
ie9下支持的图片预览和ie11,谷歌支持的图片预览
概述:在ie9下实现图片预览效果 1 HTML代码 &amp;lt;li class=&quot;clearFix upLoadPic&quot; id=&quot;upLoadPic&quot;&amp;gt; &amp;lt;label class=&quot;fl&quot;&amp;gt;上传图片:&amp;lt;/label&amp;gt; &amp;lt;input id=&quot;uploadLocalPic&quot; type=&quot;file&quo
IE8 用滤镜实现上传预览图片,解决C:\fakepath\*.jpg问题,获取本地路径
IE8 用滤镜实现上传预览图片,解决C:\fakepath*.jpg问题,获取本地路径 IE8出于安全考虑,将本地路径替换为fakepath,不曾想却给我们这些程序员造成了这么大的问题,为了实现上传预览功能抓耳挠腮了. 开始从网上找了好多资料,放到编辑器中运行,试验了好多次都不成功; 主要报错类型有: 1、无法获取未定义或 null 引用的属性“item”; 2、拒绝访问; 就在绝望的搜
JS简单实现多图片预览上传
js多张图片异步上传并带预览,此功能使用的地方比较多,就索性自己做了一个,思路为ajax将图片的base64编码传递到服务端进行保存,使用的是ASP.NET及C#,希望能够帮到你。(向立凯)功能描述实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中并且上传的图片不会重复上传,且不能移除(向立凯)使用方法界面顶部引入IMGUP.css,2.0版本以下的Jquery,页面底部引入IM...
js实现PDF在线预览
这几天在项目中遇到一个PDF文件在线预览的功能,在网上找了很多的demo都跑不通,被逼无奈,只好去看PDFproject.js的官方api,经过我用着翻译软件阅读者英文的api,突然发现这个功能只需要几行代码就可以搞定,而网上的demo都是给了一大堆的代码,让人不知道那一句是关键。所以小编在这里特此把最简单的代码分享给大家。 第一步:导入pdfobject.min.js            ...
js实现多图片上传的预览功能
图片预览: html代码:  &amp;lt;input type=&quot;file&quot; name=&quot;file&quot; id=&quot;doc&quot; multiple=&quot;multiple&quot; style=&quot;width:150px;&quot; onchange=&quot;javascript:setImagePreviews();&quot; accept=&quot;image/*&quot; /&amp;gt; &amp;lt;d
swfupload在IE10(9)下不显示上传按钮的解决办法
打开swfupload.js把 // Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay和 // Private: getFlashVars builds the parameter string that will be passed中间的内容替换为 var classid = "";
webcamjs兼容多浏览器调用摄像头拍照上传,兼容H5和flash
兼容多浏览器,IE8,9,10,11,edge,chrome,ff等 兼容flash,html5,需要安装adobe flash player
ie9下实现图片上传
1 先引进两个js:jquery-1.7.1.min.js和ajaxfileupload.js       jquery在1.9版本以下,ajaxfileupload为插件 2 修改ajaxfileupload里的代码:      把代码 if(window.ActiveXObject) {       var io = document.createElement('&amp;lt;iframe...
IE8以下不能预览本机图片最新解决办法
该问题直接用代码比较直观: 1.假设页面如此 &amp;lt;div&amp;gt; &amp;lt;div class=&quot;upload-face-panel btnbgim&quot;&amp;gt; &amp;lt;input id=&quot;imageFile&quot; name=&quot;imageFile&quot; type=&quot;file&quot;/&amp;gt; &amp;lt;div class=&quot;upload-face&quot
JS实现上传图片的三种方法并实现预览图片功能
在常见的用户注册页面,需要用户在本地选择一张图片作为头像,并同时预览。 常见的思路有两种:一是将图片上传至服务器的临时文件夹中,并返回该图片的url,然后渲染在html页面; 另一种思路是,直接在本地内存中预览图片,用户确认提交后再上传至服务器保存。 这两种方法各有利弊,方法一很明显,浪费流量和服务器资源;方法二则加重了浏览器的负担,并且对浏览器的兼容性要求更高(在某些低版本中的IE浏览器不...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 ios开发上传视频流 ios开发视频压缩上传