Веб-сервер, разработанный Python, как передать файл изображения, и может показать в веб-браузере?

Я хочу разработать простой веб-сервер, использующий python для обработки простого http-запроса. Я узнал, как ответить на запрос, такой как передача html-страниц или передача какого-либо другого файла. Когда я передаю файл изображения, клиент использует браузер для получения файла, URL-адрес, как показано ниже:

http://114.212.82.104:8080/1.png

Я устанавливаю "Content-Type = application/x-png". Но браузер загружает файл напрямую и не может отображаться в браузере. Не похоже на изображение ниже

https://www.baidu.com/img/bd_logo1.png

он может отображаться в браузере. Как отобразить изображение в браузере? Кто-нибудь может мне помочь?

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

class RequestHandler(BaseHTTPServer.BaseHTTPRequestHandler):

    def do_GET(self):
        path = os.getcwd()+ self.path
        if os.path.isfile(path):
            with open(path,'rb') as fileTrans:
                content = fileTrans.read().encode('base64').replace('\n','')
            #self.sendContent(200, content)
            self.send_response(200)
            page = "<p>\"fef\"</p><img src=\"data:image/jpg;base64,{0}\"/>"
            contentPage = page.format(content)
            self.send_header('Content-Type', 'text/html')
            self.send_header("Content-Length", str(len(contentPage)))
            self.end_headers()
            self.wfile.write(contentPage)

        else:
            self.sendContent(404,"file do not exists")

Но я знаю, что должен быть другой способ, я вижу исходный код URL ( https://www.baidu.com/), который он просто использует

<img hidefocus="true" src="//www.baidu.com/img/bd_logo1.png" width="270" height="129"></div><a href="/" id="result_logo" onmousedown="return c({'fm':'tab','tab':'logo'})">

отличается от моей страницы:

<p>"fef"</p><img src="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAJYCAIAAAB+b3GqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg3NkM1Njg1MzVFMTFFNkE0NkJFNTEzMUFCNzc4RTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg3NkM1Njc1MzVFMTFFNkE0NkJFNTEzMUFCNzc4RTMiIHhtcDpDcmVhdG9yVG9vbD0iOC4xLjMiPiA8eG1wTU06RG......
Источник

1 ответ

ОК, я думаю, что решил эту проблему. Просто установите атрибут - "Content-Type" заголовка как "image/png" вместо "application/x-png".

Источник
Другие вопросы по тегам