<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<!-- <form id="form1" action="php/1.php" method="post" enctype="multipart/form-data"> -->
<form id="form1">
<label>选择本地文件:
<input type="file" name="file"/>
</label>
<br />
<input type="button" name="submit" value="Submit" />
</form>
<script src="js/jquery.min.js"></script>
<script>
$("#form1>:button").click(()=>{
console.log("11111");
$.ajax({
type:"post",
url:"php/1.php",
data:new FormData($("#form1")[0]),
processData:false,
contentType:false
}).then(data=>{
console.log(data);
console.log(data.ok);
console.log(typeof data.ok);
if(data.ok==1){
document.write(`${data.msg}`);
}else{
alert(data.msg);
}
})
})
</script>
</body>
</html>
-----------------------------------------------------
<?php
header("Content-Type:application/json");
$file=$_FILES["file"];
//sleep(10); //方便查看临时路径下上传的文件,一旦php运行结束,该文件会被删除
//var_dump($file); 可以查看文件具体信息,以及临时路径
//解决中文路径不能上传问题
$uploadPath=iconv("UTF-8","GB2312","../upload/".$file["name"]);//注意与下面统一路径
//if(file_exists("upload/".$file["name"])){
if(file_exists($uploadPath)){
echo json_encode([
"ok"=>0,
"msg"=>$file["name"]." 已存在"
]);
}else{
move_uploaded_file($file["tmp_name"], "../upload/".$file["name"]);
echo json_encode([
"ok"=>1,
"msg"=>"文件上传成功",
"path"=>$uploadPath
]);
}
?>