[🐞] HTTP Upload Form

enaenen commented 1 year ago

HTTP upload form body

HTTP upload form 에서, POST 메소드를 통해 업로드를 시도시, content-length
헤더는 파일의, 시작 구분자만큼만 설정이되고 파일 내용을 서버측에서 받아 볼 수 없음

파일 업로드는 전부 CGI 로 처리 해야하는가?

업로드 페이지

<!DOCTYPE html>
<html><body>
<form enctype="multipart/form-data" id="myForm" action="/board/content/uploadFile.upload" method="post">
    <p>File: <input type="file" id="fileInput"  onchange="updateFormAction()"></p>
    <p><input type="submit" value="Upload"></p>
</form>

<script>
    function updateFormAction() {
        var fileInput = document.getElementById('fileInput');
        var form = document.getElementById('myForm');

        var fileName = fileInput.files[0].name;

        form.action = '/upload/' + fileName;
    }
  </script>
</body>
</html>

태스크

[ ]
[ ]
[ ]

codeyoma commented 1 year ago

multipart/form-data는 cgi로 가게끔 하는게 편할 것 같아요.

python 프로그램 수정해서 잘 저장되네요

#!/usr/bin/python
import cgi, os
import cgitb; cgitb.enable()
# import cgitb; cgitb.enable(display=0, logdir="./log")

print("Content-Type: text/html")
# Parse the form data
form = cgi.FieldStorage()
# Extract the uploaded files
files = {}
message = "file uploaded failed"
for field in form.keys():
    message = "file uploaded success"
    # Check if the field is a file field
    if isinstance(form[field], cgi.FieldStorage) and form[field].filename:
        # Save the file to the specified location
        with open("./tmp/" + form[field].filename, 'wb') as f:
            f.write(form[field].file.read())
        files[field] = form[field].filename

# Print the uploaded files
response = "<html><body><center>"
response += "<h1>{}<h1>".format(message)
for field, filename in files.items():
    response += "<p>{}: {}</p>\n".format(field, filename)
response += "</center></body></html>"

print("Content-Length: {}".format(len(response)))
print()
print(response)

enaenen commented 1 year ago

👍

codeyoma commented 1 year ago

[x] content-length 붙여서 주네요!

42-webserv / SpaceX

[🐞] HTTP Upload Form #51