Comment utiliser nginx pour créer un serveur de fichiers à télécharger et à télécharger dans un conteneur-Nginx-php.cn

Comment utiliser nginx pour créer un serveur de fichiers à télécharger et à télécharger dans un conteneur

王林

Libérer： 2023-05-15 23:49:04

avant

1888 Les gens l'ont consulté

1. Installez le conteneur nginx

Pour que nginx prenne en charge le téléchargement de fichiers, vous devez télécharger et exécuter le conteneur avec le module nginx-upload-module :

sudo podman pull docker.io/dimka2014/nginx-upload-with-progress-modules:latest
sudo podman -d --name nginx -p 83:80 docker.io/dimka2014/nginx-upload-with-progress-modules

Copier après la connexion

Ce conteneur contient à la fois le module nginx-upload-module et module nginx-upload-progress -module.

RemarqueCe conteneur est Alpine Linux, il n'y a pas de bash et certaines commandes sont différentes des autres distributions Linux. Alpine Linux ，没有bash，有些命令与其它发行版本的Linux不一样。

使用下面的命令进入容器：

sudo podman exec -it nginx /bin/sh

Copier après la connexion

作为文件服务器，需要显示本地时间，默认不是本地时间。通过下面一系列命令设置为本地时间：

apk update
apk add tzdata
echo "Asia/Shanghai" > /etc/timezone
rm -rf /etc/localtime
cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime
apk del tzdata

Copier après la connexion

创建文件服务器的根目录：

mkdir -p /nginx/share

Copier après la connexion

二、配置nginx

配置文件的路径为/etc/nginx/conf.d/default.conf

Utilisez la commande suivante pour entrer dans le conteneur :

server {
    ……
    charset utf-8; # 设置字符编码，避免中文乱码
    location / {
            root   /nginx/share; # 根目录
            autoindex   on;  # 开启索引功能
            autoindex_exact_size off; # 关闭计算文件确切大小（单位bytes），只显示大概大小（单位kb、mb、gb）
            autoindex_localtime on; # 显示本地时间
        }
}

Copier après la connexion

En tant que serveur de fichiers, il doit afficher l'heure locale, qui n'est pas l'heure locale par défaut. Réglez l'heure locale via la série de commandes suivante :

nginx -s reload

Copier après la connexion

Comment utiliser nginx pour créer un serveur de fichiers à télécharger et à télécharger dans un conteneur

Créez le répertoire racine du serveur de fichiers :

server {
    ……
    charset utf-8; # 设置字符编码，避免中文乱码
    client_max_body_size 32m; 
    upload_limit_rate 1M; # 限制上传速度最大1M
    
    # 设置upload.html页面路由
    location = /upload.html {                                                        
            root /nginx;  # upload.html所在路径                                                       
    }

    location /upload {
            # 限制上传文件最大30MB
            upload_max_file_size 30m;
            # 设置后端处理交由@rename处理。由于nginx-upload-module模块在存储时并不是按上传的文件名存储的，所以需要自行改名。
            upload_pass @rename;
            # 指定上传文件存放目录，1表示按1位散列，将上传文件随机存到指定目录下的0、1、2、...、8、9目录中（这些目录要手动建立）
            upload_store /tmp/nginx 1;
            # 上传文件的访问权限，user:r表示用户只读，w表示可写
            upload_store_access user:r;

            # 设置传给后端处理的表单数据，包括上传的原始文件名，上传的内容类型，临时存储的路径
            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_pass_form_field "^submit$|^description$";

            # 设置上传文件的md5值和文件大小
            upload_aggregate_form_field "${upload_field_name}_md5" "$upload_file_md5";
            upload_aggregate_form_field "${upload_field_name}_size" "$upload_file_size";

            # 如果出现下列错误码则删除上传的文件
            upload_cleanup 400 404 499 500-505;
     }

    location @rename {
            # 后端处理
            proxy_pass http://localhost:81;
    }
}

Copier après la connexion

2. Configurez nginx

Le chemin du fichier de configuration est `/etc/nginx/conf.d /default.conf< /code>, comme`

 mkdir -p /tmp/nginx
 cd /tmp/nginx
 mkdir 1 2 3 4 5 6 7 8 9 0
 chown nginx:root . -R

Copier après la connexion

Notre service de fichiers est maintenant configuré. Vous devez utiliser la commande suivante pour rendre la configuration effective :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>上传</title>
</head>
<body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<form name="upload" method="POST" enctype="multipart/form-data" action="upload">
<input type="file" name="file"/>
<input type="submit" name="submit" value="上传"/>
</form>
</body>
</html>

Copier après la connexion

 3. Prise en charge du téléchargement de fichiers
1. 
la configuration ci-dessus La configuration du serveur de fichiers est terminée, mais les fichiers ne peuvent pas être téléchargés. Si vous souhaitez télécharger des fichiers, vous devez effectuer la configuration suivante : 
apk add python3
pip3 install bottle
pip3 install shutilwhich
Copier après la connexion
Dans la configuration ci-dessus, le stockage temporaire est basé sur 1. -bit hash, qui doit être dans le répertoire de téléchargement. Créez manuellement plusieurs répertoires 0~9. #!/usr/bin/python3
# -*- coding: utf-8 -*-

from bottle import *
import shutil

@post("/upload")
def postExample():
    try:
        dt = request.forms.dict
        filenames = dt.get(&#39;file.name&#39;)
        tmp_path = dt.get("file.tmp_path")
        filepaths = dt.get("file.path")
        count = filenames.__len__()
        dir = os.path.abspath(filepaths[0])
        for i in range(count):
            print("rename %s to %s" % (tmp_path[i],  os.path.join(dir, filenames[i])))
            target = os.path.join(dir, filenames[i])
            shutil.move(tmp_path[i], target)
            shutil.chown(target, "nginx", "root") # 由于shutil.move不会保持用户归属，所以需要显示修改，否则访问时会报403无访问权限
    except Exception as e:
        print("Exception:%s" % e)
        redirect("50x.html") # 如果是在容器中部署的nginx且映射了不同的端口，需要指定IP，端口
    redirect(&#39;/&#39;) # 如果是在容器中部署的nginx且映射了不同的端口，需要指定IP，端口

run(host=&#39;localhost&#39;, port=81)
Copier après la connexion
2. Ajoutez upload.html# 开辟一个空间proxied来存储跟踪上传的信息1MB
upload_progress proxied 1m;
server {
    ……
    location ^~ /progress {
        # 报告上传的信息
        report_uploads proxied;
    }
    location /upload {
        ...
        # 上传完成后，仍然保存上传信息5s
        track_uploads proxied 5s;
    }
}
Copier après la connexion
3. Ajoutez le service de traitement ultérieur
Vous devez d'abord installer Python et les bibliothèques requises
<form id="upload" enctype="multipart/form-data" action="/upload" method="post" onsubmit="openProgressBar(); return true;">
    <input name="file" type="file" label="fileupload" />
    <input type="submit" value="Upload File" />
</form>
<div>
    <div id="progress" >
        <div id="progressbar" > </div>
    </div>
   <div id="tp">(progress)</div>
</div>
<script type="text/javascript">
    var interval = null;
    var uuid = "";
    function openProgressBar() {
        for (var i = 0; i < 32; i++) {
            uuid += Math.floor(Math.random() * 16).toString(16);
        }
        document.getElementById("upload").action = "/upload?X-Progress-ID=" + uuid;
        /* 每隔一秒查询一下上传进度 */
        interval = window.setInterval(function () {
            fetch(uuid);
        }, 1000);
    }
    function fetch(uuid) {
        var req = new XMLHttpRequest();
        req.open("GET", "/progress", 1);
        req.setRequestHeader("X-Progress-ID", uuid);
        req.onreadystatechange = function () {
            if (req.readyState == 4) {
                if (req.status == 200) {
                    var upload = eval(req.responseText);
                    document.getElementById(&#39;tp&#39;).innerHTML = upload.state;
                    /* 更新进度条 */
                    if (upload.state == &#39;done&#39; || upload.state == &#39;uploading&#39;) {
                        var bar = document.getElementById(&#39;progressbar&#39;);
                        var w = 400 * upload.received / upload.size;
                        bar.style.width = w + &#39;px&#39;;
                    }
                    /* 上传完成，不再查询进度 */
                    if (upload.state == &#39;done&#39;) {
                        window.clearTimeout(interval);
                    }
                    if (upload.state == &#39;error&#39;) {
                        window.clearTimeout(interval);
                        alert(&#39;something wrong&#39;);
                    }
                }
            }
        }
        req.send(null);
    }
</script>
Copier après la connexion
Code source du service python : rrreee🎜4. 1. Modifier la configuration🎜rrreee🎜2. Modifier la page de téléchargement🎜rrreee🎜🎜🎜.Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Comment utiliser nginx pour créer un serveur de fichiers à télécharger et à télécharger dans un conteneur

1. Installez le conteneur nginx

二、配置nginx

2. Configurez nginx

Le chemin du fichier de configuration est `/etc/nginx/conf.d /default.conf< /code>, comme`

Comment utiliser nginx pour créer un serveur de fichiers à télécharger et à télécharger dans un conteneur

1. Installez le conteneur nginx

二、配置nginx

2. Configurez nginx

Le chemin du fichier de configuration est /etc/nginx/conf.d /default.conf< /code>, comme

Le chemin du fichier de configuration est `/etc/nginx/conf.d /default.conf< /code>, comme`