javascript实现IE6-IE9+,firefox,chrome客户端图片预览

最新推荐文章于 2018-09-05 08:49:58 发布

kubao_jh

最新推荐文章于 2018-09-05 08:49:58 发布

阅读量1k

点赞数

分类专栏：个人笔记

本文链接：https://blog.csdn.net/u013358378/article/details/53100630

版权

这篇博客介绍了一种使用JavaScript实现图片预览的方法，兼容IE6到IE9+，以及Firefox、Chrome等现代浏览器。通过FileReader API读取图片数据并转换为base64编码，实现在不同浏览器中显示本地图片。

摘要由CSDN通过智能技术生成

<!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="txt/html;charset=utf-8" />
<title>javascript实现IE,firefox客户端图片预览</title>
<script>
//使用IE条件注释来判断是否IE6，通过判断userAgent不一定准确
if (document.all) document.write('');
// var ie6 = /msie 6/i.test(navigator.userAgent);//不推荐，有些系统的ie6 userAgent会是IE7或者IE8
function change(picId,fileId) {
var pic = document.getElementById(picId);
var file = document.getElementById(fileId);
if(window.FileReader){//chrome,f