nginx服务器实现上传文件功能_使用nginx-upload-module模块

目录

conf文件内容如下

复制代码
#user  nobody;
worker_processes  1;

error_log  /usr/logs/error.log;
#error_log  /usr/logs/error.log  notice;
#error_log  /usr/logs/error.log  info;

#pid        /usr/logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;

    
    server {
        listen       80;
        server_name  localhost;
        client_max_body_size 100m;
        location / {
            root /root/nginxShare;
            index uploadfile.html uploadfile.htm;  # 这会使得在访问根目录时默认展示 uploadfile.html

        }
        
        error_page 405 =200 @405;
        
         # 配置上传位置
        location /upload {

        if ($request_method = 'GET'){
            root /root/nginxShare;
        }
        if ($request_method = 'POST'){
                
            upload_pass @test;  # 指定上传完成后请求的处理位置
               
            # upload_store /root/nginxShare/upload 1;  # 数字1表示启用了一种特殊的文件存储机制,即分散存储
            upload_store /root/nginxShare/upload;
            
            upload_store_access user:rw; #上传文件的权限,rw表示读写 r只读
            
            #这里写入http报头,pass到后台页面后能获取这里set的报头字段
            upload_set_form_field "${upload_field_name}_name" $upload_file_name;
            upload_set_form_field "${upload_field_name}_content_type" $upload_content_type;
            upload_set_form_field "${upload_field_name}_path" $upload_tmp_path;
            
            #Upload模块自动生成的一些信息,如文件大小与文件md5值
            upload_aggregate_form_field "${upload_field_name}_md5" $upload_file_md5;
            upload_aggregate_form_field "${upload_field_name}_size" $upload_file_size;
                    
            upload_pass_form_field "^submit$|^description$";
            
            upload_cleanup 400 404 499 500-505; #如果pass页面是以下状态码,就删除此次上传的临时文件       
  
        }      
        }

        # 处理上传完成后的请求
        location @test {
            # 这里可以配置代理到后端服务,或者直接返回响应
            # 例如,返回一个简单的文本响应
            return 200 'File uploaded successfully!20241104';

            # 或者代理到某个后端服务处理上传后的逻辑
            # proxy_pass http://localhost:7123;;
        }       

    }
    
    server {
		listen       9000;
		server_name  localhost;
		
		client_max_body_size 100m;
		charset      gbk,utf-8;

		root /root/nginxShare;


		location / {
		     auth_basic   "Restricted";  
         autoindex on;
         autoindex_exact_size on;
         autoindex_localtime on;
	   
		}
	}        
}

html文件在/root/nginxShare目录下。

上传的文件存放在/root/nginxShare/upload目录下。

上传成功会返回一个文本响应,文本内容为:File uploaded successfully!20241104

html文件内容如下

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件上传测试</title>
</head>
<body>
    <h2>文件上传</h2>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="file" required>
        <br>
        <input type="submit" value="上传">
    </form>
</body>
</html>

上传文件功能展示

运行nginx服务器

复制代码
mkdir -p /var/log/nginx /var/tmp/nginx

./sbin/nginx -c /etc/nginx/nginx.conf

在浏览器输入:192.168.61.61::80

显示页面如下:

点击选择文件,选择本地文件,点击上传后,会弹出如下页面:

下载该文件后,查看文件内容:

可以看到,文本内容符合预期,接着我们查看/root/nginxShare/upload目录

可以看到,文件已上传成功,不过文件的名字是从1开始的,具体怎么控制文件名还没实现。

相关推荐
崔庆才丨静觅6 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60617 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了7 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅7 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅8 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
七夜zippoe8 小时前
CANN Runtime任务描述序列化与持久化源码深度解码
大数据·运维·服务器·cann
盟接之桥8 小时前
盟接之桥说制造:引流品 × 利润品,全球电商平台高效产品组合策略(供讨论)
大数据·linux·服务器·网络·人工智能·制造
崔庆才丨静觅8 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment8 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅8 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端