浏览本地图片(兼容IE9)
来源:互联网 发布:怎样取淘宝店名 编辑:程序博客网 时间:2024/05/21 00:19
直接拷贝运行看效果。
说明:安全问题,所以流浪器是不可能让js去访问本地图片的,这不是浏览本地图片。是伪实现。
<html><head><script>function setImagePreview(localImag,doc,imgId) {var docObj=document.getElementById(doc);var imgObjPreview=document.getElementById(imgId);if(docObj.files && docObj.files[0]){//火狐下,直接设img属性imgObjPreview.style.display = 'block';imgObjPreview.style.width = '128px';imgObjPreview.style.height = '128px'; //imgObjPreview.src = docObj.files[0].getAsDataURL(); //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式 imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); }else{//IE下,使用滤镜docObj.select();docObj.blur();//解决IE9的不兼容的问题var imgSrc = document.selection.createRange().text;var localImagId = document.getElementById(localImag);//必须设置初始大小localImagId.style.width = "128px";localImagId.style.height = "128px";//图片异常的捕捉,防止用户修改后缀来伪造图片try{localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;}catch(e){alert("您上传的图片格式不正确,请重新选择!");docObj.select(); document.execCommand("delete");return false;}imgObjPreview.style.display = 'none';document.selection.empty();}return true;}</script></head><body><div id="localImag"><img id="imgId" /></div><input name="image" type="file" id="doc" onchange="javascript:setImagePreview('localImag','doc','imgId');"><body></html>
- 浏览本地图片(兼容IE9)
- ie9本地上传图片预览
- 图片浏览本地保存
- IE9如何兼容IE8以及以下的浏览模式
- 图片上传前端预览兼容ie9以下
- HTML浏览本地图片数据
- IE9 不能显示本地图片问题
- IE9 不能显示本地图片问题
- 图片浏览上传兼容所有浏览器
- 响应式图片<picture>标签兼容处理(IE9)
- android本地图片选择【类似于浏览】
- Flex上次本地图片并浏览
- Android本地图片浏览和选取
- IE9下本地图片预览JS代码修改
- IE9下本地图片预览JS代码修改
- bootstrap兼容IE9
- ie9以下placeholder兼容
- webuploader兼容IE9注意事项
- 黑马程序员_IO流——合并流Sequeace
- Opencv2.3.1读取图片并显示
- Vim 配置详解--从cnblogs复制
- UDT协议
- cgroup的学习(一)——what cgroup? && (二)——cgroup框架结构
- 浏览本地图片(兼容IE9)
- 更改pushViewController和popViewController的动画效果
- 给超链接(a标签)加onclick事件
- linux vi 命令
- C++之旅开启
- AT指令说明
- cgroup学习(三)——伪文件 && (四)——mount hierarchy
- 接收系统广播消息之监听系统开机
- (Pyhton学习10)Python虚拟机中的控制流