<html>
<head>
<meta http-eqiv="content type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/ajaxupload.3.5.js"></script>
<script type="text/javascript">
$(function(){
var btnUpload=$('#upload');
var status=$('#status');
new AjaxUpload(btnUpload, {
action: 'upload-file.php',
name: 'uploadfile',
onSubmit: function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extension is not allowed
status.text('Поддерживаемые форматы JPG, PNG или GIF');
return false;
}
status.text('Загрузка...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('#files').html('#files').html('<li><img src="./uploads/'+file+'" alt="" /></li><br />'+file).addClass('success');
} else{
$('#files').html('#files').text('Файл не загружен' + file).addClass('error');
}
}
});
});
</script>
</head>
<body>
<ul>
<li id="you"><a>Загрузить изображение</a></li><span id="img_you" style="display: none;" class="img_category">
<div id="upload" ><span>Выбрать файл<span></div><span id="status" ></span>
<ul id="files" ></ul>
<p>Формат изображения должен быть .png или .jpg</p>
<p>Маленькое фото нельзя напечатать</p>
<p>Для качественного отображения картинка должна быть не менее 1500х1500</p>
<p>Изпользование изображения не должно нарушать авторских прав</p>
</span>
</ul>
<li>
</body>
</html>
Php Код:
<?php
$uploaddir = './uploads/';
$file = $uploaddir . basename($_FILES['uploadfile']['name']);
$ext = substr($_FILES['uploadfile']['name'],strpos($_FILES['uploadfile']['name'],'.'),strlen($_FILES['uploadfile']['name'])-1);
$filetypes = array('.jpg','.gif','.bmp','.png','.JPG','.BMP','.GIF','.PNG','.jpeg','.JPEG');
if(!in_array($ext,$filetypes)){
echo "<p>Данный формат файлов не поддерживается</p>";}
else{
if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) {
echo "success";
} else {
echo "error";
}
}
?>
Css
#upload{
margin:10px 30px; padding:10px;
font-weight:bold; font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#f2f2f2;
color:#3366cc;
border:1px solid #ccc;
width:140px;
cursor:pointer !important;
-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
background:#ddd !important;
}
#status{
font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }
Почему по нажатию на upload у меня ничего не происходит? подскажи те пожалуйста
