# Vorwort

Wenn ich einen Artikel geschrieben habe, um das Problem des Einfügens von Bildern zu lösen, habe ich den Tencent Cloud-Objektespeicherplatz (COS) zum Speichern meiner Bilder verwendet und PicGo zum Hochladen von Programmen auf der

Es war kein Problem, wenn nicht viel Verkehr auf meiner Website, aber nachdem der Verkehr allmählich gestiegen, stellte ich fest, dass der freie Verkehr von Objekten, die jeden Monat überschritten, wenn auch nicht viel, aber es waren auch zusätzliche Kosten. Und im Laufe der Zeit wird dieser Teil der Ausgaben immer mehr werden, so dass ich beabsichtige, die Akten auf meinem eigenen Server zu speichern.

Und in der Google Search Conone steht, dass meine Bilder nicht komprimiert sind und sich in einem fortschrittlicheren webP-Format befinden sollten, das Speicherplatz und Bandbreite sparen kann.

# Analyse der Nachfrage

Obwohl die oben genannten Anforderungen in PicGo implementiert werden können, gibt es entsprechende Plug-in. Es ist jedoch sehr unpraktisch, in PicGo zu arbeiten. Ich habe lange geworfen, habe aber nicht erkannt, dass sftp verwendet werden muss, um Daten an meinen Server zu übertragen, obwohl die Kompressionsfunktion überhaupt nicht verwendet werden kann. Die beiden Plug-in auf dem Markt werden implementiert, indem Sie Cloud-Dienste aufrufen, die Cloud-Dienste die API-Aktualisierung und das aufhängen direkt

Also beabsichtige ich, ein einfaches Bild Hochladen von Gadgets zu implementieren, das in mein Blogsystem eingebunden ist, dessen Funktion sehr einfach ist und nur die Hochlade- und Umrechnungs

# Einfache Implementierung

Verwenden Sie hier den einfachsten Weg, um eine Seite zu erstellen, die nur eine Funktion hat: das Bild, das auf den Server übertragen wird, und die Rückgabe des Links im ausgezeichneten Format Das Bild unten ist das Endergebnis.

Sein Front-End-Code ist so lang, dass ich es auf simplenote setze: html-code Die Front-End-Funktion ist sehr einfach. Sie unterstützt das auswählen, ziehen und direkten Ctrl + V-Einfügen von Bildern. Das Backend verarbeitet den Hochladen automatisch. Wenn ein Fehler auftritt, wird ein Fehler in der Konzel gemeldet. Nachdem der normale Hochladen erfolgreich war, wird der vom Backend zurückgegebene Link auf der Seite ausgegeben und ein Kopier-Button bereitgestellt.

Backend-Code:

if 'image' not in request.files:
            return 'No file uploaded!', 400
        file = request.files['image']
        if file.filename == '':
            return 'No file selected!', 400
        try:
            timestamp = datetime.datetime.now().strftime("%d%H%M%S%f")
            filename = timestamp + '.webp'
            now = datetime.datetime.now()
            folder_name = now.strftime("%Y/%m")
            folder_path = os.path.join('/home/wwwroot/img.learn2.cn/new_img/', folder_name)
            os.makedirs(folder_path, exist_ok=True)
            save_path = folder_path +"/"+ filename
            image = Image.open(file)
            image = image.convert('RGB')
            image.save(save_path, 'WEBP')
            return f'![tstrs.me_img](https://img.learn2.cn/new_img/{folder_name}/{filename})', 200
        except Exception as e:
            return str(e), 500

Die Arbeitslogik in dem oben genannten Code ist wie folgt: überprüfen Sie, ob es sich bei der Datei aus der Anfrage um eine Bild In diesem Fall, fahren Sie mit dem nächsten Schritt fort, um einen neuen Dateinamen auf der Grundlage des Dateinamens zu erstellen, um den st Konvertieren Sie dann das Bild mit PiL in das WebP-Format und geben Sie den Link schließlich im AuswahlFormat an die Front-End-Seite zum Kopieren zurück.

Der obige Code ist nur eine Idee, kein Skript, das tatsächlich gestartet werden kann, und dieses kundenspezifische Plug-in kann nicht jeder verwenden. Sie können den oben genannten Code mit ein wenig Modifikation in Ihr eigenes Programm transplantieren.

# Postskript

Do it yourself kann genügend Nahrung und Kleidung bereitstellen. Viele Fertigwerkzeuge sind wirklich gut, aber sie sind überhaupt zu aufgebläht, um so viele Funktionen zu nutzen. übrigens, der größte Teil des JS-Codes darin wird von ChatGPT geschrieben. Ich habe gerade den API-Teil geändert.

Ich bin in den letzten zwei Monaten so beschäftigt gewesen, dass dieses Blog kurz davor steht, eine monatliche Schicht zu werden. Viele Handschriften wurden akkumuliert und werden später aktualisiert.