Plupload,IE8和HTML4运行时不会触发添加文件对话框

时间:2013-01-10 14:19:33

标签: javascript jquery plupload

我和this question有类似的问题,但遗憾的是不是同一个解决方案。

我有一个非常类似于example的自定义上传实例,可以在FF,Chrome和IE9中正常使用,但它在IE8中无法正常工作(或者至少是我能够接触到的最接近的IE8:{{ 3}})。

上传器似乎初始化并报告已加载html4运行时但是浏览按钮不会触发“添加文件”对话框。

最初是因为输入项​​位于浏览按钮的前面,但我更改了z索引以确保浏览按钮位于顶部。现在单击该按钮但仍未触发对话框。

在初始化plupload之前,容器是可见的。

调用uploader.refresh()无济于事。

在同一个IE8环境中,plupload的自定义示例可以正常工作。

现在我已经没有其他想法可以试试,有人有任何建议吗?

谢谢,

2 个答案:

答案 0 :(得分:1)

谢谢@jbl,你是对的。这个问题与IETester的局限性有关,而不是实际问题。

答案 1 :(得分:0)

我遇到了类似的问题:我的上传表单的浏览按钮也没有触发文件浏览器对话。我的问题是我没有在我的上传器选项中定义我的上传器父元素的id。您可以在plupload选项中将元素的id传递为'container'。

在修复之前,我的上传器的初始化是(在Coffeescript中):

 options =
   runtimes: 'html4'
   browse_button: 'modal-browse'
   upload_button: 'modal-upload'
   filelist: 'modal-upload-queue'
   max_file_size: '10mb'
   url: 'upload_url.json'
   multipart_params: params

 @uploader = new plupload.Uploader(options)

我的上传器托管在一个id为“image-upload-modal”的模态元素中。简单添加container: 'image-upload-modal'解决了我的问题。 EG:

 options =
   runtimes: 'html4'
   container: 'image-upload-modal'
   browse_button: 'modal-browse'
   upload_button: 'modal-upload'
   filelist: 'modal-upload-queue'
   max_file_size: '10mb'
   url: 'upload_url.json'
   multipart_params: params

 @uploader = new plupload.Uploader(options)

顺便说一句,这也修复了我的上传器的flash运行时,它也在IE中崩溃。

如果这不能解决您的问题,我已经看到在其他Q + A上,一些人的解决方案涉及html4运行时创建的假文件输入的定位,以处理文件上传,例如:

  1. 通过浏览按钮修复虚假文件输入的位置,因为浏览器错误地定位了该元素。
  2. 修复虚假文件输入的z-index与浏览按钮的比较。