AjaxFileUpload(2)Trouble Shooting
Access is Denied
Most browsers prevent submitting files when the input field didn't receive a direct click (or keyboard) event as a security precaution. Some browsers (e.g. Google Chrome) simply prevent the click event, while e.g. Internet Explorer doesn't submit any files that have been selected by a programmatically triggered file input field.
Firefox 4 (and later) is so far the only browser with full support for invoking "click"-Events on a completely hidden (display: none) file input field.
This is the problem for ajaxfileupload and jqueryfileupload from my understanding.
solution:
I will check the version of browser, if they do not support that security precaution, I will use directly click.
private boolean isIE(HttpServletRequest request) {
logger.info("useragent = " + request.getHeader("USER-AGENT").toLowerCase());
return request.getHeader("USER-AGENT").toLowerCase().indexOf("msie") > 0 ? true
: false;
}
<!--[if IE]>
<style>
#filemaps{ display:block ;}
form label {float:left;}
</style>
<![endif]-->
Downlaod the IE multiple versions from here:
http://dl.dbank.com/c0ixfbqjep
http://stackoverflow.com/questions/5276653/jquery-trim-ie-browser-compatibility-question
Try changing:
visiblePara.text().trim().length
to:
$.trim(visiblePara.text()).length
for IE8
references:
http://stackoverflow.com/questions/10504945/javascript-exception-uncaught-typeerror-converting-circular-structure-to-json
http://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file-input
http://stackoverflow.com/questions/10482265/js-submit-access-denied-iframe-ie
http://stackoverflow.com/questions/2276374/access-is-denied-when-script-tries-to-access-iframe-in-ie8
http://www.webdeveloper.com/forum/showthread.php?t=181272
http://stackoverflow.com/questions/3935001/getting-access-is-denied-error-on-ie8
http://my.opera.com/justnewbee/blog/ajaxuplod-accessibility-ie-access-denied
分享到:
相关推荐
2. **文件上传**:文件上传是Web应用程序的基本功能之一,允许用户将本地文件传送到服务器。在AjaxFileUpload中,这个过程是在后台完成的,用户无需等待页面完全刷新。 3. **jQuery**:`jquery.js`表明...
**AjaxFileUpload插件详解** 在Web开发中,文件上传是一项常见的功能,传统的文件上传方式通常需要用户提交整个表单,导致页面刷新,用户体验不佳。为了解决这个问题,`ajaxFileUpload`应运而生,这是一个基于...
2. 触发事件:当文件被选中后,AjaxFileUpload.js监听到文件选择事件,开始执行上传操作。 3. 创建XMLHttpRequest:利用JavaScript创建一个新的XMLHttpRequest对象,这是Ajax的核心。 4. 文件数据处理:将文件数据...
**AjaxFileUpload** 是一个JavaScript库,主要用于实现无刷新的文件上传功能,尤其适用于上传图片。这个库在前端处理上提供了高效且用户友好的体验,因为它允许用户在不重新加载整个网页的情况下完成文件上传操作。...
2. **添加依赖**:在项目中引入Struts 2和AjaxFileUpload所需的相关库,包括Struts 2的核心库、JQuery库以及AjaxFileUpload插件。 3. **配置Struts 2**:在struts.xml配置文件中,定义一个处理文件上传的Action类,...
原版ajaxFileUpload 没有经过修改(官网代码本身存在错误 需自行改正)
ajaxfileupload.js用于文件上传
**AjaxFileUpload与jQuery的JS库** 在Web开发中,实时数据交互是不可或缺的一部分,而AjaxFileUpload和jQuery就是实现这种交互的利器。AjaxFileUpload是一个JavaScript组件,它允许用户在不刷新整个页面的情况下...
2. **XMLHttpRequest对象**:这是AJAX的核心,用于在后台与服务器通信。在使用ajaxfileupload.js时,内部会使用XMLHttpRequest对象来发送HTTP请求,实现文件的上传。 3. **FormData对象**:在HTML5中引入,用于存储...
标题中的“完美SS2H+ajaxfileupload异步上传多个附件、删除”涉及到的是一个Web应用中的文件上传功能实现,具体来说,它结合了Spring Security(SS)和Struts2 (SH)两个框架,并利用ajaxfileupload.js这个JavaScript...
该js包是在官方下载的ajaxFileUpload.js基础上所做修改后的包,修改该...2、解决了ajaxFileUpload 报jQuery.handleError is not a function的bug。 3、解决了使用ajaxFileUpload除了上传文件外不能传递其他参数的bug。
2. **设置表单**:创建一个包含文件输入元素的表单。通常,我们会将`enctype`属性设置为`multipart/form-data`,因为这是处理文件上传的标准方式。 ```html 上传 ``` 3. **编写JavaScript**:在jQuery中,...
**AjaxFileUpload是基于JavaScript和Ajax技术的一种文件上传组件,它允许用户在不刷新整个页面的情况下实现异步文件上传。这种技术在Web开发中被广泛应用,因为它提供了良好的用户体验,允许用户在后台处理文件上传...
3. XMLHttpRequest Level 2:这是AJAXFileUpload能实现异步上传的关键,它扩展了XMLHttpRequest,增加了对文件上传的支持,包括设置请求头、上传进度等。 三、AJAXFileUpload实现步骤 1. 创建HTML结构:创建一个...