`
wxinpeng
  • 浏览: 590722 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

ie8 当input的type=file 时js得到的值与输入值不同

阅读更多

无论输入的是那个路径下的图片,最终js得到的值总是c:\fakepath+ 文件名

 

 

原因::::

 

  IE8增加了安全选项,默认情况下不显示上传文件的真实路径,默认用C:\fakepath\**.gif来取代你上传的路径。
    解决方法:
    进入 internet选项,工具 -> Internet选项 -> 安全 -> 自定义级别 -> 将本地文件上载至服务器时包含本地目录路径,选中启用即可。

分享到:
评论

相关推荐

    HTML input type=file文件选择表单元素.docx

    在使用 input type=file 文件选择表单元素时,需要注意 enctype 属性的作用。enctype 属性规定了在发送到服务器之前应当如何对表单数据进行编码,默认的编码是 application/x-www-form-urlencoded。但是,对于文件...

    HTML中文件上传时使用的input type=”file”元素的样式自定义

    当调整按钮大小时,需要注意`<input type="file">`元素的默认大小可能无法完全覆盖容器,我们可以通过增大`<input>`的字体大小来解决这个问题,使其扩展到期望的尺寸。 总的来说,自定义`<input type="file">`元素...

    一次性选择多文件上传multiple属性

    `multiple`属性是HTML5 `<input type="file">` 元素的一个重要属性,当添加到这个元素上时,用户在文件选择对话框中可以选择多个文件。例如,你可以这样使用它: ```html <input type="file" name="files[]" ...

    关于type="file"的input框样式修改小结

    然而,由于浏览器之间的兼容性和样式控制的限制,`type="file"` 的输入框在不同环境下表现不一致,给样式设计带来了挑战。本文主要探讨如何有效地修改 `type="file"` 输入框的样式。 首先,`<input type="file">` ...

    input元素[type="file"]时的样式定制及浏览器兼容性问题探讨

    首先,当我们尝试通过CSS直接修改`input[type="file"]`的样式时,会发现其效果并不理想,因为浏览器对于此元素的默认样式有较强的保护机制,不允许轻易更改。例如,我们可能无法改变它的背景色、边框样式或字体颜色...

    input file的默认value清空与赋值方法

    对于给`<input type="file">`元素赋予初始值,一种方法是在页面加载时,通过JavaScript设置其`value`属性。然而,由于安全原因,直接设置`value`属性对`<input type="file">`无效。另一种方法是利用`<iframe>`来预...

    vue 清空input标签 中file的值操作

    而在使用Vue.js框架时,清空input标签中type为file的值是一个常见的操作需求。当用户上传了文件后,可能需要提供一个按钮或者操作来清空已经选择的文件信息,以便用户可以重新选择文件,或者清理掉不需要的文件路径...

    CSS美化 input type=file 兼容各个浏览器

    在网页设计中,CSS美化`<input type="file">`元素常常是一项挑战,因为不同的浏览器对这个元素的默认样式和行为处理方式各异。为了解决这个问题,开发者们需要找到一种跨浏览器的解决方案来统一表现。这里介绍一种纯...

    angular-file-data-url:一个超级简单的 AngularJS 指令,使用 input[type=file] 元素将图像编码为数据 url

    Angular file-data-url 模块一个超级简单的 AngularJS 指令,使用 input[type=file] 元素将图像编码为数据 url。 它将 ngModel 控制器绑定到元素并自动将 ngModel 文件内容(如果它是图像)设置为 base64 编码的数据...

    上传插件支持ie8

    此外,对于H5页面,由于IE8不支持HTML5的一些关键特性,如`<input type="file">` 的`multiple`属性,开发者需要编写JavaScript代码来模拟多文件选择。同时,利用FormData对象进行异步文件上传也需要特别处理,因为IE...

    文件上传input file简便美化方案(css)

    首先,我们要理解在不同浏览器中文件上传input(<input type="file">)的表现形式存在差异,这主要是由于各个浏览器对HTML和CSS的解释以及渲染方式不同所致。为了达到在多浏览器中表现一致的效果,需要借助于CSS样式...

    JS获取input file绝对路径的方法(推荐)

    1. **跨浏览器兼容性处理**:不同浏览器对`<input type="file">`元素提供的`value`属性返回值不同。某些浏览器(如IE)返回的是文件的绝对路径,而另外一些浏览器(如Firefox)则只返回文件名。为了让代码在所有主流...

    将input file的选择的文件清空的两种解决方案

    在网页表单中,`<input type="file">`元素用于让用户选择本地文件进行上传。在某些场景下,用户可能需要清空已选择的文件,例如在错误选择或需要重新选择文件时。本文将详细解释两种不同的方法来实现这一功能。 ###...

    读取input:file的路径并显示本地图片的方法

    1. **获取文件**:当用户通过`<input type="file">`选择文件后,可以通过JavaScript的`HTMLInputElement.files`属性访问到这个文件对象。 2. **验证文件类型**:在读取文件之前,通常需要验证文件是否是有效的图片...

    jsp 文件上传浏览,支持ie6,ie7,ie8.docx

    <input type="file" name="file" onchange="javascript:PreviewImg(this);" style="border:1px #FFFFFF solid;background:#efefef"/> <font color="red">* <div id="newPreview"> <td class="left_title_1...

    HTML5 input新增type属性color颜色拾取器的实例代码

    `<input>`元素的`type`属性还有其他多种值,每种都有特定的用途: - `button`:创建一个可点击的按钮,通常与JavaScript一起使用来执行脚本。 - `checkbox`:定义一个复选框,用户可以选择或取消选择。 - `date`:...

    IE与非IE浏览器调用PC摄像头拍摄并且上传

    这个话题涉及到不同浏览器的API支持和兼容性问题,尤其是IE与其他非IE浏览器之间的差异。以下是关于这一主题的详细讲解。 一、WebRTC API WebRTC(Web Real-Time Communication)是实现浏览器之间实时通信的一组...

    用原生JS实现的多张图片上传及预览功能(兼容IE8)(HTML+CSS+JS代码)

    这个项目使用原生JavaScript实现了多张图片的上传和预览功能,且兼容到低版本浏览器如IE8。我们将深入探讨这个功能的实现原理。 首先,我们需要了解HTML部分。在页面中,通常会有一个`<input type="file">`元素用于...

    input、button的不同type值在ajax提交表单时导致的陷阱

    "input、button的不同type值在ajax提交表单时导致的陷阱" 在前端开发中,我们经常遇到一些看似简单却隐藏着危险的陷阱,这篇文章就讲解了在AJAX提交表单时,input和button的不同type值可能导致的陷阱。 首先,让...

    IE文件选择框

    但是,IE10及以下版本不支持`<input type="file">`的`multiple`属性,而IE11才开始支持拖放功能。开发者需要借助插件或库,如Plupload、Dropzone.js等,来实现这些高级功能在IE浏览器上的兼容。 总结,IE文件选择框...

Global site tag (gtag.js) - Google Analytics