У меня получается 2 файла html файл и upload.php который грузит изображения в папку test. При успешной загрузке выводит сообщение "Файл загружен". Можно ли сделать чтобы это изображение сразу после загрузки на сервер выдергивалось и отображалось, без перезагрузки страницы. Добился только того что он может грузить и отображать сообщения
html:
<form action="upload.php" method="post" target="hiddenframe" enctype="multipart/form-data" onsubmit="hideBtn();">
<input type="file" id="userfile" name="userfile" />
<input type="submit" name="upload" id="upload" value="Загрузить" />
</form>
<div id="res"></div>
<iframe id="hiddenframe" name="hiddenframe" style="width:0px; height:0px; border:0px"></iframe>
JS:
function hideBtn(){
$('#upload').hide();
$('#res').html("Идет загрузка файла");
}
function handleResponse(mes) {
$('#upload').show();
if (mes.errors != null) {
$('#res').html("Возникли ошибки во время загрузки файла: " + mes.errors);
}
else {
$('#res').html("Файл " + mes.name + " загружен");
}
}
php:
<?php
if(isset($_POST['upload'])){
//Список разрешенных файлов
$whitelist = array(".gif", ".jpg", ".png");
$data = array();
$error = true;
//Проверяем разрешение файла
foreach ($whitelist as $item) {
if(preg_match("/$item\$/i",$_FILES['userfile']['name'])) $error = false;
}
//если нет ошибок, грузим файл
if(!$error) {
$folder = 'test/';//директория в которую будет загружен файл
$uploadedFile = $folder.basename($_FILES['userfile']['name']);
if(is_uploaded_file($_FILES['userfile']['tmp_name'])){
if(move_uploaded_file($_FILES['userfile']['tmp_name'],$uploadedFile)){
$data = $_FILES['userfile'];
}
else {
$data['errors'] = "Во время загрузки файла произошла ошибка";
}
}
else {
$data['errors'] = "Файл не загружен";
}
}
else{
$data['errors'] = 'Вы загружаете запрещенный тип файла';
}
//Формируем js-файл
$res = '<script type="text/javascript">';
$res .= "var data = new Object;";
foreach($data as $key => $value){
$res .= 'data.'.$key.' = "'.$value.'";';
}
$res .= 'window.parent.handleResponse(data);';
$res .= "</script>";
echo $res;
}
else{
die("ERROR");
}
?>
File API
. 90% неверных файлов отсеивать у клиента. 10% оставшихся (которые пропатчат код клиента для проверки на уязвимость) упрутся в PHP.