input类型为file时,chrome,FF和IE8的fakepath问题处理方法

 1     function getPath(obj,fileQuery,transImg)
 2     {
 3             if(window.navigator.userAgent.indexOf("MSIE")>=1){
 4                 obj.select();
 5                 var path=document.selection.createRange().text;
 6                 obj.removeAttribute("src");
 7                 obj.setAttribute("src",transImg);
 8                 obj.style.filter= "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘"+path+"‘, sizingMethod=‘scale‘);";
 9             }
10             else{
11                 var file =fileQuery.files[0];
12                 var reader = new FileReader();
13                 reader.onload = function(e){
14                     obj.setAttribute("src",e.target.result)
15                 }
16                 reader.readAsDataURL(file);
17             }
18         }
1 var file_img=document.getElementById("up_user_img");
2 var transImg;
3 getPath(file_img,this,transImg);

上述方法为一个完全兼容的版本

转载于:http://bbs.chinaunix.net/forum.php?mod=viewthread&tid=3624132

时间: 2024-10-07 05:29:05

input类型为file时,chrome,FF和IE8的fakepath问题处理方法的相关文章

在Chrome与火狐中,输入框input类型为number时,如何去除掉的自带的上下默认箭头

如何移除input='number'时浏览器自带的上下箭头: CSS样式: /* 去除input[type=number]浏览器默认的icon显示 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { // chrome -webkit-appearance: none; appearance: none; margin: 0; } input{ // 火狐 -moz-appearance:textfiel

input类型为file改变默认按钮样式

改变 input file 样式(input  文件域)是很多前端朋友经常遇到的头疼问题,今天推荐两种改变 input file 样式的两种常用方法: 方法一: <input type="text" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc"> <input type="button&quo

Input类型是checkbox时checked属性获取

记录一下checkbox 的 checked 属性的获取办法,以备忘记: 假如你的一个HTML页中有这么一段代码: <input name="chbRem" id="chbRem" type="checkbox" checked="checked"> 那么如何通过JQuery获得chbRem的checked状态呢: 错误的写法如下: alert(  $("#chbRem").attr("

jQuery $.post()返回类型为json时不进入回调函数的原因及解决方法

这真是个让人特别抓心找挠肝的问题,真的差点被这个问题逼的放弃去使用json作为返回类型,而是去用html,但是有的时候就是要较汁一下.(即便现在问题解决了,我还是想说句"妈蛋",来发泄一下) 其实主要还是自己对json的不够了解,但是很纳闷,网上对路的解决方法几乎没有.所以虽然问题很小,但是还是想要分享出来,希望能帮到需要的人. 首先$.post()格式如下: $.post(url,data,success(data, textStatus, jqXHR),dataType) 参数描述

去掉chrome、火狐(以及360)input在得到焦点时出现黄色(蓝色)边框的方法

去掉chrome.FF(360 v6.3)input在得到焦点时出现黄色(360 v6.3为蓝色)边框的方法,只需要在input中增加样式outline:0px;即可,如下: input{outline:0px;}

chrome,ff,IE input光标元素不能居中的问题

背景 input css样式: { height:50px;width:386px;border:0;position:absolute;top:0;left:0; padding:0px; line-height:50px;font-size:14px;.border-left-radius(4px); } 可以试一下,chrome中打开会发现光标出现在input元素的左上角.而不是预想中的居中.出现这样的原因如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文

HTML 5 服务器发送事件、Input 类型、表单元素、表单属性

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新. 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新.通过服务器发送事件,更新能够自动到达. 例子:Facebook/Twitter 更新.估价更新.新的博文.赛事结果等. 浏览器支持 所有主流浏览器均支持服务器发送事件,除了 Internet Explorer. 接收 Server

HTML5 input 类型

HTML5 Input 类型 HTML 4.01 与 HTML 5 之间的差异 以下类型是 HTML5 中的新类型:color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url. 浏览器支持 Input type IE Firefox Opera Chrome Safari email No 4.0 9.0 10.0 No url No 4.0 9.0 10.0

使用 HTML5 input 类型提升移动端输入体验(键盘)

在最近的项目中,策划老是要求我们弹出各种类型的键盘,特别是在iOS下,例如输入帐号的时候,不应该支持输入中文,该输入纯数字的时候就应该谈数字键盘等.个人觉得这些都是我们平时开发很少意识到的,虽然有些刁钻,但都是为了用户体验,为了我们的产品,于是便在网上找了一些资料,在此与各位朋友分享: 在过去的几年里,在移动设备上浏览网页已变得难以置信的受欢迎. 但是这些设备上的浏览体验,有时遗留很多的有待改进.当涉及到填写表单时,这一点尤为明显.幸运的是,HTML5规范引入了许多新input类型,使得在移动设