`

ie9 input type file不能用js触发,会提交不了,是出于安全原因

 
阅读更多

在使用jquery的ajaxsubmit提交表单的文件时,如果是用js去触发input type=file的点击事件,

在使用jquery的ajaxsubmit提交会提交不了。

 

在ie的解决办法之一是:

将input type=file的html设置为透明,使用另一个按钮的html代码覆盖在该input type=file上,

设置透明的样式如下:

.files1{position: absolute;
left: 50px;
width: 30px;
height: 28px;
right:10px;
filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

分享到:
评论

相关推荐

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

    在IE8及更早版本中,出于安全考虑,浏览器会隐藏实际的文件路径。 显示本地图片的基本步骤如下: 1. **获取文件**:当用户通过`<input type="file">`选择文件后,可以通过JavaScript的`HTMLInputElement.files`...

    IE文件选择框

    此外,IE浏览器中文件选择按钮的样式很难覆盖,可能需要使用一些技巧,如模拟隐藏原生按钮并添加自定义按钮,然后通过JavaScript触发文件选择对话框。 ### 5. 安全性和隐私保护 为了保护用户隐私,浏览器对文件...

    JS获取文件大小方法小结

    这个方法只适用于支持ActiveX的IE浏览器,并且可能会触发安全警告,可以通过将文件扩展名更改为`.hta`来规避这些警告,但这通常不建议,因为它可能引入安全风险。 方法二:利用img的`dynsrc`属性 在某些早期版本的...

    input file上传文件样式支持html5的浏览器解决方案

    这是因为Firefox浏览器出于安全考虑,限制了对File上传控件的一些样式属性的修改。为了解决这个问题,一种可行的策略是采用HTML5的新特性来构建一个自定义的File上传组件。我们可以创建一个包含输入框、按钮和实际的...

    FileSystemObject在网页中操作本地文件

    在网页环境中,通常我们使用JavaScript处理客户端的数据和交互,但出于安全考虑,JavaScript在浏览器中不能直接访问用户的文件系统。然而,通过FSO,我们可以实现这一功能,但这仅限于Internet Explorer浏览器,因为...

    js如何获取file控件的完整路径具体实现代码

    为了替代直接获取路径的方式,开发者们通常会使用文件的其他信息,如文件名(`file.name`)、文件类型(`file.type`)、文件大小(`file.size`),或者是文件的base64编码数据(`file.getAsDataURL()`)。...

    javascript 获取表单file全路径

    在JavaScript中,处理HTML表单中的`<input type="file">`元素时,尤其是在不同的浏览器环境中,获取文件的完整路径可能会遇到兼容性问题。本文将深入探讨如何在IE6、IE7以及Firefox等浏览器中获取文件输入控件的全...

    upload css

    要改变这个控件的外观,我们不能直接应用CSS到`<input type="file">`,因为浏览器出于安全考虑,限制了对该元素的样式修改。但我们可以利用CSS伪元素、包装元素和其他技巧来实现美化。 1. **隐藏原始上传按钮**:...

    js获取上传文件的绝对路径实现方法

    完成上述操作后,当用户使用<input type="file">上传文件时,JavaScript获取到的文件路径将会是真实的文件路径而非虚拟路径。不过,需要指出的是,即使在IE浏览器中开启了此功能,其他浏览器如Chrome、Firefox等仍然...

    JavaScript实现清空(重置)文件类型INPUT元素值的方法

    在JavaScript中,对文件类型(`<input type="file">`)的输入元素进行清空或重置操作是一项挑战,因为出于安全考虑,浏览器不允许直接通过设置`value`属性来改变文件选择。本文将详细讨论三种不同的方法来解决这个...

    使用透明效果来自定义文件上传按钮控件样式

    然而,出于安全原因,HTML的`<input type="file">`元素的默认样式通常不能直接更改,特别是文件选择按钮的部分。为了解决这个问题,我们可以利用透明效果来创建自定义的文件上传控件样式。 首先,我们可以通过CSS...

    用javascript实现把表格内容导出到excel和把excel里面内容导入表格的方法归类.pdf

    这个过程涉及到ActiveX对象的使用,这主要是针对IE浏览器的解决方案,因为其他现代浏览器出于安全考虑并不支持ActiveX。以下是一个简单的JavaScript函数`importExcel`: ```javascript function importExcel...

    通过JS获取用户本地图片路径并显示的代码

    在IE浏览器中,我们使用`document.selection.createRange().text`来获取路径,因为IE在处理`<input type="file">`时,文件路径会存储在`document.selection`对象中。对于Firefox浏览器,我们检查`obj.files`对象是否...

    用JavaScript读取文件内容

    例如,可以使用`<input type="file">`元素让用户选择文件,然后使用`FileReader`对象读取文件内容: ```html <input type="file" id="fileInput" /> ``` ```javascript document.getElementById('fileInput')....

    Javascript验证上传图片大小[前台处理]

    - 文件输入框(input type="file")用于让用户选择图片文件。 - 事件绑定代码,用于在用户选择文件后触发图片大小的检查。 - 图片大小检查逻辑,包括获取文件大小和判断是否超过指定的最大限制。 - 用户提示信息,如...

    jquery实现图片上传前本地预览

    需要注意的是,对于IE浏览器,插件使用了`document.selection.createRange()`来获取文件名,因为IE的`window.getSelection()`方法不支持`input[type="file"]`元素。 虽然文中没有提供完整的插件代码,但是通过上述...

    jquery 批量上传图片实现代码

    然而,这里存在一个问题:该示例代码可能在非IE浏览器下无法正常工作,因为Firefox和其他现代浏览器出于安全考虑,不允许获取本地文件的完整路径。这限制了我们直接使用文件路径进行上传。为了解决这个问题,通常...

    javascript 操作文件 实现方法小结

    为了在现代浏览器中实现文件操作,Web应用可以使用File API来处理用户选定的文件,例如,通过<input type="file">标签让用户选择文件,然后使用JavaScript读取文件内容。这种方法不会暴露用户的文件系统给脚本,而是...

    JavaSctit 利用FileReader和滤镜上传图片预览功能

    虽然FileReader提供了强大的本地文件读取能力,但出于安全考虑,它只能读取用户通过文件选择对话框明确选择的文件,不能访问用户系统上的其他文件。 7. **性能优化**: 由于读取大文件可能会导致阻塞,因此通常...

Global site tag (gtag.js) - Google Analytics