`
sillycat
  • 浏览: 2539889 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

AjaxFileUpload(2)Trouble Shooting

    博客分类:
  • UI
 
阅读更多
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

分享到:
评论

相关推荐

    AjaxFileUpload

    2. **文件上传**:文件上传是Web应用程序的基本功能之一,允许用户将本地文件传送到服务器。在AjaxFileUpload中,这个过程是在后台完成的,用户无需等待页面完全刷新。 3. **jQuery**:`jquery.js`表明...

    ajaxfileupload

    **AjaxFileUpload插件详解** 在Web开发中,文件上传是一项常见的功能,传统的文件上传方式通常需要用户提交整个表单,导致页面刷新,用户体验不佳。为了解决这个问题,`ajaxFileUpload`应运而生,这是一个基于...

    AjaxFileUpload.js

    2. 触发事件:当文件被选中后,AjaxFileUpload.js监听到文件选择事件,开始执行上传操作。 3. 创建XMLHttpRequest:利用JavaScript创建一个新的XMLHttpRequest对象,这是Ajax的核心。 4. 文件数据处理:将文件数据...

    ajaxFileUpload

    **AjaxFileUpload** 是一个JavaScript库,主要用于实现无刷新的文件上传功能,尤其适用于上传图片。这个库在前端处理上提供了高效且用户友好的体验,因为它允许用户在不重新加载整个网页的情况下完成文件上传操作。...

    使用struts 2 和ajaxFileUpload组件实现图片上传预览(完整版)

    2. **添加依赖**:在项目中引入Struts 2和AjaxFileUpload所需的相关库,包括Struts 2的核心库、JQuery库以及AjaxFileUpload插件。 3. **配置Struts 2**:在struts.xml配置文件中,定义一个处理文件上传的Action类,...

    ajaxFileUpload原版

    原版ajaxFileUpload 没有经过修改(官网代码本身存在错误 需自行改正)

    ajaxfileupload.js用于文件上传

    ajaxfileupload.js用于文件上传

    ajaxfileupload以及jquery的js

    **AjaxFileUpload与jQuery的JS库** 在Web开发中,实时数据交互是不可或缺的一部分,而AjaxFileUpload和jQuery就是实现这种交互的利器。AjaxFileUpload是一个JavaScript组件,它允许用户在不刷新整个页面的情况下...

    文件上传 ajaxfileupload.zip

    2. **XMLHttpRequest对象**:这是AJAX的核心,用于在后台与服务器通信。在使用ajaxfileupload.js时,内部会使用XMLHttpRequest对象来发送HTTP请求,实现文件的上传。 3. **FormData对象**:在HTML5中引入,用于存储...

    完美SS2H+ajaxfileupload异步上传多个附件、删除

    标题中的“完美SS2H+ajaxfileupload异步上传多个附件、删除”涉及到的是一个Web应用中的文件上传功能实现,具体来说,它结合了Spring Security(SS)和Struts2 (SH)两个框架,并利用ajaxfileupload.js这个JavaScript...

    ajaxfileupload.js文件

    该js包是在官方下载的ajaxFileUpload.js基础上所做修改后的包,修改该...2、解决了ajaxFileUpload 报jQuery.handleError is not a function的bug。 3、解决了使用ajaxFileUpload除了上传文件外不能传递其他参数的bug。

    ajaxfileupload.js完整使用全套(带对应jquery+demo)

    2. **设置表单**:创建一个包含文件输入元素的表单。通常,我们会将`enctype`属性设置为`multipart/form-data`,因为这是处理文件上传的标准方式。 ```html 上传 ``` 3. **编写JavaScript**:在jQuery中,...

    ajaxfileupload多文件上传

    **AjaxFileUpload是基于JavaScript和Ajax技术的一种文件上传组件,它允许用户在不刷新整个页面的情况下实现异步文件上传。这种技术在Web开发中被广泛应用,因为它提供了良好的用户体验,允许用户在后台处理文件上传...

    AJAXFileUpload ajax 异步文件上传 进度条

    3. XMLHttpRequest Level 2:这是AJAXFileUpload能实现异步上传的关键,它扩展了XMLHttpRequest,增加了对文件上传的支持,包括设置请求头、上传进度等。 三、AJAXFileUpload实现步骤 1. 创建HTML结构:创建一个...

Global site tag (gtag.js) - Google Analytics