来自:http://www.verydemo.com/demo_c101_i78412.html
直接拷贝运行看效果。
说明:安全问题,所以流浪器是不可能让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>
相关推荐
利用html2canvas将网页抓取成图片并下载到本地,兼容ie内核,项目需要子啊服务器运行,此demo已经做大文件下载网络错误的处理,解决了大图片或大文件下载出错
利用jquery将上传的本地图片在页面显示传来,其实这个在IE下很好实现,但是本例中能够很好的兼容火狐浏览器
html转图片并下载到本地,HTML2image兼容ie浏览器。保存图片到本地兼容ie浏览器
NULL 博文链接:https://curtain.iteye.com/blog/1328750
web访问本地摄像头插件demo,兼容ie,chrome,safri等等浏览器。
1、兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill npm install babel-polyfill 2、在页面入口配置main.js中引入 babel-polyfill import(babel-polyfill) 3、解决编译错误—-重要 重新安装...
含有时分秒的设置,解决了火狐和IE兼容的问题。 在火狐中不会出现$dp is not defined错误
1. 解压 PDF前端预览功能.zip 压缩包,复制到网站开发目录; 2. 调用方式:window.open("Scripts/lib/PDF/web/viewer.... 3. 能支持多种浏览,火狐、IE、谷歌、360等,能支持本地文件直接浏览。
方法很简单,很多人用这样的方法不能实现!所以故上传例子
vue 2.5.2 版本 vue组件 实现点击预览大图功能,点击下载图片功能(不兼容IE,适用于PC端) 内部代码可实现点击图片旋转效果,在本处无用,故注释掉,如有需要可打开调整.
另外ie中, 很多人也碰到过 它window.external.addFavorite. 时会报错的问题. 所以俺也只好抛出提示信息了. 加入收藏: 代码如下:function addFavorite(){ if (document.all){ try{ window.external.addFavorite...
很多网站实现了利用JS保存页面中文本框内容到本地,并另存为指定文件扩展名与编码类型的功能,特别是一些代码教程,JS特效站上更是长见。如何利用JS实现这种功能的呢,下面给出了具体的实现代码 首先建立HTML文件,...
本文实现了利用JS保存页面中文本框内容到本地,并另存为指定文件扩展名与编码类型,兼容IE,chrome,火狐等浏览器
良田高拍仪兼容chrome进行操作的demo程序,程序需要安装对应的驱动,驱动包含在资源中。控件件支持IE,Chrome,FireFox三大主流浏览器内核,支持Win7,Win8,Win8.1及Win10等操作系统。注意:浏览器需要支持HTML5...
这将使您能够使用ActiveX控件,并使用不同版本的IE ( IE6、IE7、IE8或IE9 )测试您的网页。 【插件小贴士】 亲测!插件安装完成后,首次使用还需要另外安装一个本地安装包来支持该插件!下载地址:点我下载: ...
客户端在自己的浏览器上浏览自己本地的图片,而且图片不上传到服务器上,有两种判断方式,大致相同,现在对于浏览器的兼容,可以兼容google、IE、360、火狐。如果想添加其他的浏览器,可以自己添加
最新有一个需求是读取远程服务器上的csv文件并提供下载的功能!后来我在网上找到了...他的却很强大,既能读远程文件还能读本地文件!但是我发现他在火狐浏览器上运行的一个bug!只要在火狐上读取,中文就会乱码!
直接利用JavaScript即可以完成,而且还可以兼容IE6。具体效果,如下图所示: 具体实现是在非IE浏览器利用HTML5去显示,在IE浏览器则直接调用IE的滤镜功能去实现。具体代码如下: <!DOCTYPE ...
修改了图片类型自动识别和本地网页横排显示图片的问题 14)7.0修改了定时间隔取图错误,增强了自动抓图功能,软件可以智能升级。 15)7.2增加日期时间+序号选项和特殊图片处理选项 16)7.4兼容vista和傲游2.1.3奥运专用...
js对本地文件操作,仅限IE浏览器使用,其它浏览器不兼容(ActiveXObject方法)