单击图像上载文件

时间:2013-06-24 00:47:48

标签: jquery ocupload

我有一个页面上有多个图像。我所做的就是让用户点击缩略图,然后出现文件浏览器框来上传新图像。这通过使用ocupload.js jquery扩展来工作。

这一直运行良好,除了在IE10中,图像点击不像在Firefox中那样工作。

在firefox中,我可以单击图像并显示浏览文件框,在ie10上,需要双击。

我想要做的就是这样做ie10只需点击一下即可让它工作,而不需要双击,

我认为问题与IE处理点击文件上传框的方式有关,一般情况下,在Filefox上你可以点击文件上传框,对话框会显示,在IE上似乎点击文件上传框需要双击。

所以我想知道如何改变ocupload.js以便为IE提供与firefox相同的功能

1 个答案:

答案 0 :(得分:0)

我已经解决了这个问题,

我更改了ocupload.js文件

可能有更好的方法来修复它,但我修改了:

    container.mousemove(function(e){
        input.css({
            top: e.pageY-container.offset().top+'px',
            left: e.pageX-container.offset().left+'px'
        });
    });

要:

    container.mousemove(function(e){

        var leftside = e.pageX-container.offset().left;

         if (navigator.appName == 'Microsoft Internet Explorer'){
              leftside = e.pageX-container.offset().left - 50;

         }



        input.css({
            top: e.pageY-container.offset().top+'px',
            left: leftside+'px'
        });
    });