ie8本地图片上传预览示例代码
更新时间:2014年01月12日 17:44:30 作者:
ie8本地图片上传预览出现问题是因为限制浏览器造访本地文件,所以用到滤镜和div,下面有个不错的示例,希望对大家有所帮助
复制代码 代码如下:
imgpath= getRealPath(fileId);
document.getElementById("divSBTP").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""+ imgpath + "\")";//使用滤镜效果
function getRealPath(fileId){
var file_upl = document.getElementById(fileId);
file_upl.select();
return document.selection.createRange().text;
}
说明:ie8本地图片上传预览不能直接用$(“#img”).attr(“src”,imapath),因为限制浏览器造访本地文件,所以用到滤镜和div,如果滤镜和img使用会出现破图标志。
您可能感兴趣的文章:
- jQuery判断多个input file 都不能为空的例子
- 上传图片预览JS脚本 Input file图片预览的实现示例
- js 获取、清空input type="file"的值示例代码
- 将input file的选择的文件清空的两种解决方案
- 读取input:file的路径并显示本地图片的方法
- js 实现 input type="file" 文件上传示例代码
- 判断多个input type=file是否有已经选择好文件的代码
- input file的默认value清空与赋值方法
- css美化input file按钮的代码方法
- 模拟QQ心情图片上传预览示例
- javascript 图片上传预览-兼容标准
- input file上传 图片预览功能实例代码
相关文章
JavaScript+html5 canvas制作的圆中圆效果实例
这篇文章主要介绍了JavaScript+html5 canvas制作的圆中圆效果,结合完整实例形式分析了基于JavaScript与html5 canvas技术实现的图形绘制与颜色随机填充技巧,需要的朋友可以参考下2016-01-01addeventlistener监听scroll跟touch(实例讲解)
下面小编就为大家带来一篇addeventlistener监听scroll跟touch(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论