# предисловие

когда я писал статью, чтобы решить проблему вставки изображений, я использовал хранилище объектов Tencent Cloud (COS) для хранения изображений и использовал PicGo для загрузки файлов на платформу Windows.

не было никаких проблем, когда на моем сайте было мало трафика, но после того, как трафик постепенно увеличивался, я обнаружил, что бесплатный трафик хранения объектов превышал каждый месяц, хотя и не так много, но это также дополнительные расходы. и со временем эта часть расходов будет становиться все больше и больше, поэтому я намерен сохранить файлы на своем собственном сервере.

а в Google Search Console говорится, что мои фотографии несжаты и должны быть в более продвинутом формате webP, что может сэкономить место для хранения и пропускную способность.

# анализ спроса

хотя вышеуказанные требования могут быть реализованы в PicGo, есть соответствующие плагины. тем не менее, работать в PicGo очень неудобно. я долго бросал, но не понимал необходимости использования sftp для передачи файлов на мой сервер, в то время как функция сжатия не может быть использована вообще. два плагина на рынке плагинов реализованы путем вызова облачных сервисов, а облачные сервисы обновляют API и зависают напрямую.

таким образом, я намерен реализовать простой гаджет загрузки изображений, встроенный в мою систему блога, его функция очень проста, просто нужно достичь функции загрузки и преобразования формата.

# простая реализация

здесь я использую самый простой способ построить страницу, которая имеет только одну функцию: загрузить изображение на сервер и вернуть ссылку в формате разметки. приведенная ниже картина является окончательным результатом.

его передний код настолько длинный, что я поместил его на simplenote: HTML_code функция front-end очень проста. она поддерживает выделение, перетаскивание и прямую вставку Ctrl + v изображений. Backend автоматически обрабатывает загрузку. в случае ошибки в консоли будет сообщено об ошибке. после того, как нормальная загрузка будет успешной, ссылка, возвращаемая с задней стороны, будет выведена на страницу и будет предоставлена кнопка копирования.

код бэкенда:

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

Рабочая логика в вышеприведенном коде выглядит следующим образом: проверьте, является ли файл из запроса файлом изображения. если это так, продолжайте следующий шаг, сгенерируйте новое имя файла на основе даты для создания папки, в которой он хранится. затем используйте PIL для преобразования изображения в формат WebP и, наконец, верните ссылку в формате разметки на фронтальную страницу для копирования.

вышеуказанный код-это просто идея, а не скрипт, который на самом деле может быть запущен, и не все могут использовать этот настроенный плагин. вы можете трансплантировать вышеуказанный код в свою собственную программу с небольшой модификацией.

# постскриптум

многие готовые инструменты действительно хороши, но они слишком раздуты, чтобы использовать так много функций вообще. кстати, большая часть JS-кода в этом написано ChatGPT. я только что модифицировал часть API.

я был так занят на работе в последние два месяца, что этот блог вот-вот станет ежемесячной сменой. было накоплено много рукописей, которые будут обновлены позже.