在ie8和火狐上直接用户控件.value得到的只是文件名称而不是完整路径
ie8
document.getelementbyid("img").src = document.getelementbyid("file").files[0].getasdataurl();
ie6
document.getelementbyid("img").src = document.getelementbyid("file").value;
时间： 2024-10-28 08:32:14
js图片上传预览兼容ie6 ie8
js图片上传预览兼容ie6 ie8的相关文章
javascript 图片上传预览-兼容标准_javascript技巧
复制代码 代码如下: <!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=&qu
JS实现图片上传预览功能_javascript技巧
废话不多说了,直接给大家贴js代码了,具体代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> </head> <body&g
js实现图片上传预览及进度条
原文js实现图片上传预览及进度条 最近在做图片上传的时候,由于产品设计的比较fashion,上网找了比较久还没有现成的,因此自己做了一个,实现的功能如下: 1:去除浏览器<input type="file">默认的样式: 2:图片从本地选择后,立即预览图片: 3:使用上传可以查看上传进度(本博做的是上传的百分比,做成进度条类似): 先看效果图:
js前端实现多图图片上传预览的两个方法(推荐)_javascript技巧
一.将图片转成icon码的实现方式 html代码: <div class="yanzRight"> <input style="margin-top:5px;float: left;" id="st18" name="evidence" onchange="previewImage(this,5)" type="file"/> <span class=&qu
JavaScript 图片上传预览效果
图片上传预览是一种在图片上传之前对图片进行本地预览的技术. 使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验. 但随着浏览器安全性的提高,要实现图片上传预览也越来越困难. 不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现. 例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法. 但在opera.safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览. 在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享. 上次写
基于JQuery实现图片上传预览与删除操作_jquery
本文实例为大家分享了JQuery实现图片上传预览与删除的具体代码,经测试目前满足谷歌.火狐.360.IE6,7,8,9,10,11等浏览器,供大家参考,具体内容如下 1. preview.2.0.html <!DOCTYPE html> <html> <head> <title>上传图片预览</title> <meta http-equiv="content-type" content="text/html;
模拟QQ心情图片上传预览示例_实用技巧
出于安全性能的考虑,目前js端不支持获取本地图片进行预览,正好在做一款类似于QQ心情的发布框,找了不少jquery插件,没几个能满足需求,因此自己使用SWFuplad来实现这个图片上传预览. 先粘上以下插件,在别的图片上传功能说不定各位能用的上. 1.jQuery File Upload Demo地址:http://blueimp.github.io/jQuery-File-Upload/ 优点是使用jquery进行图片的异步上传,可控性好,可根据自己的需求任意定制: 缺点是在IE9等一些浏览器
jquery 图片上传预览插件代码
<!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-
方法-MiniUI+HTML5图片上传预览
问题描述 MiniUI+HTML5图片上传预览 首先,写了一个MiniUI的上传控件和一个标签 <img src="" id="imga" style="width: 100px;height: 100px"><br> <input id="fileupload2" style="width:300px;" class="mini-fileupload" n