Загрузка файлов с помощью AJAX

Добавить комментарий

Добрый день, начну с описания моей ситуации.
В форме нужна загрузка фотографии. Как только юзер выбирает файл, он загружается и отображается миниатюра. После этого юзер отправляет форму.
В вашем случае может быть достаточно просто загрузки файлов с помощью AJAX.

Нам понадобятся jQuery и jquery.fileupload.js (https://github.com/blueimp/jQuery-File-Upload)

HTML:

в блок #file-from-server будет помещена загруженная картинка,
в поле #filename — имя файла на сервере (если дальше будет отправка формы и сохранение в базу)

JS:

jQuery(document).ready(function ($) {
	$('#fileupload').fileupload({
		url: "/script.php",
		dataType: 'html'
	}).bind('fileuploaddone', function (e, data) {
		var res = $.parseJSON(data.result);
		$('#filename').val(res.fileName);
		$('#file-from-server').html('');
	});
}

PHP:

 $fileName,
		'fileUrl' => $fileUrl,
	));
}

Приведенный код не является безопасным, т.к. позволяет злоумышленнику залить на ваш сервер файлы любых расширений.
Будьте аккуратны.

Добавить комментарий