<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
<body>
<form action='' method='post' enctype="multipart/form-data" id='form1'>
<input type='file' name='file'>
<button type='button' class='but'>上传</button>
</form>
</body>
<script>
$(function(){
$('.but').click(function(){
data = new FormData($('#form1')[0]);
console.log(data);
// $.post('up.php',{p:2},function(data){
// alert(data);
// })
$.ajax({
url: 'up.php',
type: 'POST',
data: data,
dataType: 'JSON',
cache: false,
processData: false, //不处理发送的数据,因为data值是FormData对象,不需要对数据做处理
contentType: false //不设置Content-type请求头
}).done(function(ret){
console.log(ret);
});
})
})
</script>
</html>
up.php中
<?php
$filename='upload/'.time().substr($_FILES['file']['name'], strrpos($_FILES['file']['name'],'.'));
$response = array();
if(is_uploaded_file($_FILES['file']['tmp_name']))
{
if(move_uploaded_file($_FILES['file']['tmp_name'],$filename))
{
echo json_encode('成功');
}
else
{
echo json_encode('失败');
}
}