Это невозможно из-за безопасности браузера. Вы должны использовать элемент input с типом file. Я думаю, что вы можете поместить и изображение поверх кнопки браузера, чтобы настроить его, если вы уверены, что событие click прошло для ввода файла.
Из-за безопасности браузера вы не можете получить доступ к файловой системе клиента с помощью чего-либо другого, кроме элемента ввода файла. Вы никогда не получите файловую структуру с языком сценариев, таким как JavaScript. Даже когда вы проверяете атрибут значения, например, с помощью javascript. Атрибут value будет возвращать только имя файла, а не путь.
Вы можете попробовать использовать Uploadify плагин jquery для настройки кнопки. Но это будет работать с флэш-файлом, если я правильно помню.
Редактировать: Да, проверил. Это возможно с Uploadify . Существует опция buttonImg, которую вы можете использовать.
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : '/uploadify/uploadify.swf',
'script' : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder' : '/uploads',
'buttonImg' : '/img/inputbutton.png',
'auto' : true
});
});