var formData = new FormData();
var filename='filename';
formData.append('file', imgFile, filename);//添加文件
formData.append('username', $('#name').val());//添加普通表单元素
//表单提交
$.ajax({
url: '{:url("index/user/adduser1")}',
type: 'post',
data: formData,
processData: false, // 不会将 data 参数序列化字符串,必须false
contentType: false,//必填
success: function (obj) {
if (obj.code == 200) {
//处理正常逻辑
} else {
//处理错误逻辑
}
},
error: function () {
alert("网络错误");
}
});
}
php后台接收
if (isset($_FILES['file']) && $_FILES['file'] != null) {
$errorCode = $_FILES['file']['error'];
$errorList = [
1 => '上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值',
2 => '上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值',
3 => '文件只有部分被上传',
4 => '没有文件被上传',
5 => '找不到临时文件夹',
];
if ($errorCode != 0) {
return json(['code' => 500, 'msg' => $errorList[$errorCode]]);
}
$file = $request->file('file');
try {
$image = \think\Image::open($file);
$width = $image->width();
$height = $image->height();
$mime = $image->mime();
$ext = explode('/', $mime)[1];
$scale = $width / $height;//比例
$desWidth = $width * 0.3 * $scale;
$desHeight = $height * 0.3 * $scale;
$dir = ROOT_PATH . 'public' . DS . 'userid' . DS;
$filename = md5(rand(100, 200)) . rand(200, 999) . '.' . $ext;
$path=$dir.$filename;
$image->thumb($desWidth, $desHeight)->save($path);
} catch (\Exception $e) {
return json(['code' => 500, 'msg' => $e->getMessage()]);
}
这里容易出现的问题,就是在生成缩略图的时候会内存溢出或者图片根本上传不上去,因此要修改php.ini里面的配置
file_uploads = on ;是否允许通过HTTP上传文件的开关。默认为ON即是开
upload_tmp_dir ;文件上传至服务器上存储临时文件的地方,如果没指定就会用系统默认的临时文件夹
upload_max_filesize = 8m ;即允许上传文件大小的最大值。默认为2M
post_max_size = 8m ;指通过表单POST给PHP的所能接收的最大值,包括表单里的所有值。默认为8M