0

Python を使用して単純な http 要求を処理する単純な Web サーバーを開発したいと考えています。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......
4

1 に答える 1