Загрузить файл при нажатии на изображение

Question

У меня есть страница с несколькими изображениями. Что я сделал, так это сделал так, чтобы пользователь нажимал на миниатюру, и окно браузера файлов появляется, чтобы загрузить новое изображение. Это работает с использованием расширения jquery ocupload.js.

Это работает хорошо, за исключением того, что в IE10 щелчок изображения не работает так же, как в Firefox.

В Firefox я могу нажать на изображение, и окно поиска файлов покажет: на ie10 требуется двойной щелчок.

Я пытаюсь сделать так, чтобы ie10 позволял работать одним щелчком мыши, а не двойным щелчком,

Я думаю, что проблема связана с тем, как IE обрабатывает нажатие на поле загрузки файла в целом. На filefox вы можете щелкнуть в окне загрузки файла, и появится диалоговое окно, в IE кажется, что нажатие на поле загрузки файла требует двойной щелчок.

Поэтому мне интересно, как бы я изменил ocupload.js, чтобы дать IE ту же функциональность, что и Firefox

Answer 1

Я исправил проблему,

Я изменил файл 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'
        });
    });