Поиск по этому блогу

воскресенье, 10 августа 2014 г.

Javascript. Отправить файл на сервер используя jQuery и FormData

Задачи по отправке файлов на сервер встают перед разработчиками каждый день. Но перезагрузкеа страницы - вчерашний день. Поэтому предпорчтительно использовать ajax. Можно отправлять файлы используя непосредственно XMLHttpRequest. Но это тоже вчерашний день. Я советую использовать jQuery. Вдобавок современные браузеры поддерживают объект FormData, который тоже облегчает жизнь. Ниже приведён рабочий пример javascript кода, кторый занимает 10 строк и очень прост в использовании.
var data = new FormData();
jQuery.each($('#file')[0].files, function(i, file) {
    data.append('file-'+i, file);
});
$.ajax({
    url: '/upload.php',
    data: data,
    cache: false,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function(data){
        alert('Файл успешно отправлен на сервер');
    } 
});
Через метод append объекта FormData можно добавлять любые данные для отправки на сервер.

Комментариев нет:

Отправить комментарий

Количество·просмотров