Проблема с использованием click () при вводе [type = файл]

У меня проблема с функцией click () . Это не работает в Opera.

Я пытаюсь сделать так, чтобы input type = file щелкнул по событию onclick другого элемента. Мне нужно стилизовать элемент input type = file , чтобы я сделал его невидимым и заменил его простой стилизованной кнопкой. Теперь я хочу, чтобы элемент файла был нажат при нажатии кнопки.

Я не могу использовать jQuery, потому что я использую библиотеку MooTools для календаря на своей странице, и это вызывает конфликт, когда я пытаюсь использовать jQuery. Я также пытался избежать конфликта с помощью jQuery.noConflict (); , но мне не удалось этого сделать, потому что я новичок в jQuery. Вот мой html-код:

<input name="myfile" id="uploadme" type="file" style="visibility:hidden; width:1px;" onchange="this.form.submit()"/>
<input type="button" id="clickme" onclick="show_upload()"/>

А вот мой код JavaScript:

function show_upload()
{
    document.getElementById('uploadme').click();
}

Я тоже пробовал этот код jQuery, но не смог заставить его работать без конфликта с библиотекой MooTools:

jQuery.noConflict();
(function($){
    $('#clickme').click(function($){
        $('#uploadme').click();
    })(jQuery);
});
7
задан pimvdb 7 August 2011 в 17:04
поделиться