<script>
$(function(){
// <!-- 实现文件的上传 文章的上传一般不用点击事件,一般用change事件 -->
$("#feature").on("change",function(){
//文件上传
//获取到要上传的文件
var file = this.files[0];
// console.log(file);
// jquery无法直接上传文件 需要formData
var formdata = new FormData();
formdata.append("abc",file)
$.ajax({
type:"post",
url:"api/_uploadFile.php",
data:formdata,
//jq的ajax文件上传 必须设置
contentType:false,//不需要设置头部
processData:false,
success:function(res){
// console.log(res);
if(res.code==1){
$(".thumbnail").attr("src",res.src).show();
}
}
})
})
})
</script>
在后台PHP代码
<?php
// 获取上传回来的文件
$file = $_FILES['abc'];
//生成一个不会重复的文件名
//为了保证上传的文件不会重复使用:时间戳+随机数+后缀名
$ext =strrchr($file['name'],'.');
$fileName = time().rand(1000,9999).$ext;
$bool=move_uploaded_file($file['tmp_name'],'../../static/uploads/'.$fileName);
$response=["code"=>0,"msg"=>"上传失败"];
if($bool){
$response['code']=1;
$response['msg']='上传成功';
$response['src']='../static/uploads/'.$fileName;
}
//以json格式返回
header("content-type:application/json;charset=utf-8");
echo json_encode($response);
//吧文件保存到指定的目录
?>
文件上传
最新推荐文章于 2024-02-02 11:19:58 发布