您的位置：首页 > 其它

整理 IE 7、8预览本地图片和获取本地图片大小

2009-11-17 13:32 369 查看
本文不是讨论技术问题，只是将现有的关于图片预览方面的javascript 代码进行整理，希望对那些不知道这方面知识的朋友有些帮助

问题原因

在ie6我们要预览一个本地文件只需要这样既可实现：

<html>
2<head>
3</head>
32
33<body>
34
35<div id="preview">
36 <img id="picimgage" style="width:160px;height:180px;border:solid 1px black;" />
37</div>
38<input id="photo_select" type="file" onchange="previewPhoto()" />
39<input type="button" value="校验照片大小" onclick="checkPhoto()" />
40</body>
41</html>
42

我们知道由于IE7、8的安全控制，在访问本地一些文件时不允许直接访问，导致上面的代码可能无法正常运行，这种情况如果需要预览照片和获取图片大小

需要更改代码如下

<html>
2<head>
3</head>
88
89<body>
90
91<div id="preview" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); width:160px;height:180px;border:solid 1px black;">
92</div>
93
94<input id="photo_select" type="file" onchange="previewPhoto()" />
95
96<input type="button" value="校验照片大小" onclick="checkPhoto()" />
97
98</body>
99
100</html>
101
上面的代码有个缺陷：只能在ie上运行，其他浏览器上直接指定img标签的src既可显示图片，只是要获取上传文件的路径要使用我上面的getPath的方法获取既可
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航