проблема с загрузкой файла без перезагрузки страницы

[antonim]

проблема с загрузкой файла без перезагрузки страницы

необходимо загружать и обрабатывать и отображать содержимое оного без перезагрузки страницы. Проблема именно в загрузке файла без перезагрузки страницы. Причем форма загрузки файлы должна быть именно такая:

<form>
<input type="file" style="color: black;"/>
<input class='sub' type="button" value="Ок" />
</form>

ссылки типа <a id="upload1" href="#">Загрузите файл</a> не катят.

подскажите плз пример такой загрузки...

пробовал вот так:

<a id="upload1" href="#">Загрузите файл</a>
<span id="progress1"></span>

в яве:

$('#upload1').upload({
name: 'file',
method: 'post',
enctype: 'multipart/form-data',
action: '../ajax/add_photo.php',
onSubmit: function() {
$('#progress1').text('Загрузка файла...');
},
onComplete: function(data) {
$('#progress1').text('Файл успешно загружен!');
}
});

с подключенной библиотекой jquery.ocupload-1.1.2.js

Но даже вот с такой ссылкой не пашет т.к. сама ссылка сразу после подключения библиотеки становиться невидимой.. с этим конечно можно бороться лопатив библиотелку, но мне в первую очередь нужно чтоб не по ссылке загружался файл, а по нажатию на <input class='sub' type="button" value="Ок" /> и отобразив адрес в <input type="file" style="color: black;"/>

Буду рад помощи или полезным ссылкам

 

[Фанат]

непонятно, что делает вопрос по яваскрипту в разделе "программирование на РНР".

Чем тебе поможет другой пример, если имеющийся у тебя не работает? А если другой не будет работать - пойдешь третий искать? И так до бесконечности?

 

[JOSS-PHP]

можешь поглядеть как работает тут...оно тоже юзает jquery

http://uber-uploader.sourceforge.net