安装nginx以及nginx-upload-module模块
- 下载nginx源码,添加模块只支持源码编译:
wget http://nginx.org/download/nginx-1.12.2.tar.gz // 解压 tar zxvf nginx-1.12.2.tar.gz
- 安装编译依赖,可以先使用
./configure
查看缺少哪些依赖:
yum -y install pcre-devel openssl openssl-devel
- 下载
nginx-upload-module
:
wget https://github.com/fdintino/nginx-upload-module/archive/2.3.0.tar.gz
// 解压
tar zxvf 2.3.0.tar.gz
- 准备编译安装:
cd nginx-1.12.2
./configure --add-module=../nginx-upload-module-2.3.0/ --prefix=/usr/local/nginx
make
make install
- 启动nginx:
/usr/local/nginx/sbin/nginx
配置nginx,实现文件上传功能
因为编译安装nginx指定了 --prefix=/usr/local/nginx
,故所有nginx相关配置都在/usr/local/nginx
下面。
这里主要关注三个目录:
-
/usr/local/nginx/conf
: 存储nginx相关配置文件; -
/usr/local/nginx/html
: 存放静态文件,当然也可以在配置文件中修改; -
/usr/local/nginx/logs
: 日志存放目录,有时需要定位一些问题问题时,可以有帮助;
修改/usr/local/nginx/conf/nginx.conf
文件,添加:
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root html;
index index.html index.htm;
}
## -------> 新增内容 <-------------------
location /upload {
upload_pass /res_upload;
upload_store /usr/local/nginx/html;
}
location /res_upload {
default_type text/html;
return 200 "success";
}
## <------ 新增内容结束 ------------------->
}
保存,然后重新加载配置:
/usr/local/nginx/sbin/nginx -s reload
然后在 /usr/local/nginx/html
目录下新增一个 file.html
(名字别用 upload.html 不然会命中 /upload 这个location的规则,踩坑才跳出来),用于浏览器上传文件使用:
<html>
<head>
<title>Test upload</title>
</head>
<body>
<h2>Select files to upload</h2>
<form name="upload" method="POST" enctype="multipart/form-data" action="/upload">
<input type="file" name="file"><br>
<button type="submit"> Upload </button>
</form>
</body>
</html>
然后再浏览器打开: http://xxxx/file.html
就可以上传文件了:
上传页面
上传结果
文件可以上传了,但是本想上传一张图片,结果却被保存为一个临时文件,有点小难过,还得继续解决问题😭;