`
slbszq
  • 浏览: 268210 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

form表单ie下文件上传submit报 “拒绝访问”错误

阅读更多

最近碰到个问题,上传文件的时候,在IE下总是传不了,但FireFox和Chrome下则可以上传。发现是$(form).submit();时出错了(“拒绝访问”)。

原来是因为IE下 file表单控件,不能用js控制打开文件选择器(就是只能点击file本身,不能通过js调用file.click方式),否则会报 “拒绝访问”。

所以,通过将file设置为透明(position:absolute;top:0px;right:0px;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;),用div盖住file,这样点击显示的div时同样也真实的点击了file。

分享到:
评论
1 楼 sean2012 2017-10-28  

相关推荐

    jquery-form - jQuery表单生成插件

    这个插件使得动态表单的创建和管理变得更加简单,同时提供了丰富的功能,如多文件上传、进度条显示、错误处理等。 在jQuery-form中,你可以轻松实现异步(Ajax)提交表单,避免页面刷新,提升用户体验。它支持多种...

    兼容多个浏览器的单文件上传

    1. **隐藏式form表单**:在页面中创建一个隐藏的form表单,设置其`enctype`为`multipart/form-data`,以支持文件上传。`action`属性指向处理文件上传的服务器端脚本,`method`通常设置为`POST`。 2. **JavaScript...

    JQuery.form文件上传及管理

    **jQuery.form文件上传及管理详解** 在Web开发中,文件上传功能是不可或缺的一部分,而`jQuery.form`插件为开发者提供了便捷的文件上传解决方案。它结合了强大的`jQuery.js`库和`jQuery.Form.js`扩展,使文件上传变...

    ajaxSubmit上传文件IE解析

    ### AJAX Submit 与 IE 文件上传解析问题详解 #### 背景介绍 在Web开发过程中,经常需要处理用户上传文件的操作。随着浏览器技术的发展,现代浏览器对于文件上传的支持变得越来越友好,但在某些特定环境下(例如老...

    FormData实现文件上传(前端+后端)

    在现代Web应用中,文件上传是一项常见的功能,尤其是在图片分享、文档共享等场景下。`FormData`对象是HTML5引入的一个重要特性,它允许我们创建一个包含键值对的数据结构,特别适合用来发送二进制数据,如文件,到...

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

    本文将围绕一份名为“jsp 文件上传浏览,支持ie6,ie7,ie8”的文档进行深入探讨,旨在揭示如何实现一个兼容IE6、IE7和IE8的JSP文件上传预览功能,并提供实际代码实例。 #### 二、背景知识概述 在深入分析前,我们...

    JavaScript获取网页表单action属性的方法

    一种简单直接的方法是通过表单的id来获取该表单元素,然后访问其action属性。以下是一个JavaScript代码示例,演示了如何输出表单的action属性值: ```javascript document.write(document.getElementById("frm1")....

    基于SpringMVC的文件上传(兼容IE8)

    由于IE8的AJAX提交文件不兼容,我们可以借助jQuery Form插件实现异步文件上传。首先引入jQuery和jQuery Form插件的库,然后编写JavaScript代码: ```javascript $("#uploadForm").ajaxForm({ success: function...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    标题 "在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer(IE)浏览器的特定模式下,用户通过表单填写信息并提交后,这些数据通常...

    jquery.form.zip

    总结来说,jQuery Form插件通过IFrame技术解决了IE8的兼容性问题,同时提供了丰富的API和事件处理,使得在各种浏览器环境下都能实现稳定、高效的文件上传功能。对于那些仍然需要支持旧版IE的项目,jQuery Form插件...

    chrome不支持form.submit的解决方案

    当确定是在Chrome环境下,代码使用`$.post()`(jQuery的Ajax方法)替代`form.submit()`来模拟表单提交,将表单数据通过POST方式发送到服务器。`theform.attr('Edit')`可能是表单的action属性值,这应该被更改为`the...

    jquery.form.js

    2. **文件上传**:对于包含文件输入的表单,`jquery.form.js`提供了跨浏览器的文件上传支持,解决了IE和其他现代浏览器在处理文件上传时的兼容性问题。 3. **实时验证**:插件允许在用户填写表单时进行实时验证,...

    form验证表单的

    在网页开发中,表单(Form)验证是一个关键环节,用于确保用户输入的数据符合预期的格式和规则,从而提高用户体验并减少服务器端处理错误数据的压力。`form验证表单的`这一主题涉及到如何有效地实现前端验证,以防止...

    form-request-submit-polyfill-main-源码.rar

    "form-request-submit-polyfill-main"是一个专门针对表单提交事件的polyfill,它旨在为不支持新特性的浏览器提供一个标准化的接口。本文将深入剖析其源码,揭示其内部工作原理。 1. **表单提交事件的标准化** 在...

    AjaxUpload.rar 文件上传

    AjaxUpload是一种基于JavaScript和Ajax技术实现的异步文件上传方式,它允许用户在不刷新整个网页的情况下上传文件,显著提升了用户体验。AjaxUpload的核心是利用XMLHttpRequest对象与服务器进行交互,通过创建隐藏的...

    兼容ie,Firefox的文件上传

    标题 "兼容ie,Firefox的文件上传" 涉及的核心知识点是实现跨浏览器的文件上传功能,特别是针对Internet Explorer(IE)和Firefox这两个主流浏览器的兼容性问题。在Web开发中,由于不同浏览器对HTML、CSS和JavaScript...

    JS异步文件上传(兼容IE8+)

    当使用form表单提交文件时,浏览器会基于响应内容的类型和状态决定如何处理结果,这可能导致页面的刷新或者下载,显然这不是我们想要的结果。 为了解决这个问题,我们可以创建一个隐藏的`iframe`,并设置表单的`...

    表单Form的submit事件不响应的解决方法

    但是,在某些情况下,当通过JavaScript直接调用表单的submit()方法来提交表单时,submit事件可能不会触发。这种情况下,开发者可能会面临不知道如何处理相关逻辑的困境。以下针对这种情况,提出几种不同的解决方法。...

    访问一个已经打开的ie

    在VB(Visual Basic)编程中,访问一个已经打开的Internet Explorer(IE)浏览器主要是通过Microsoft Internet Controls库(也称为SHDocVw库)实现的。这个库提供了对IE浏览器对象模型的访问,允许开发者控制已存在...

    表单元素的submit()方法和onsubmit事件应用概述

    在网页开发中,表单(Form)是用户与服务器交互的重要工具,而`submit`方法和`onsubmit`事件则是表单控制的核心部分。本文将深入探讨这两个概念及其在实际应用中的注意事项。 首先,`submit()`方法是HTML表单元素的...

Global site tag (gtag.js) - Google Analytics