{"id":5378,"date":"2026-04-15T15:17:44","date_gmt":"2026-04-15T06:17:44","guid":{"rendered":"https:\/\/www.freelifemakers.org\/wordpress\/?p=5378"},"modified":"2026-04-15T15:22:39","modified_gmt":"2026-04-15T06:22:39","slug":"webserver-httplib-large-file-upload","status":"publish","type":"post","link":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/2026\/04\/15\/webserver-httplib-large-file-upload\/","title":{"rendered":"[Webserver]httplib webserver+large file upload\u00a0"},"content":{"rendered":"\n

\ud83d\udc49\ud83c\udffb \ub300\uc6a9\ub7c9 \ud30c\uc77c \uc5c5\ub85c\ub4dc\ub97c \uc704\ud55c \uc124\uba85\uc785\ub2c8\ub2e4.
This is an explanation for uploading large files.<\/p>\n\n\n\n

\ud83d\udc49\ud83c\udffb \uc5c5\ub85c\ub4dc \uc9c4\ud589\ub960\uc744 \ud655\uc778\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
You can check the upload progress.<\/p>\n\n\n\n

\ud83d\udc49\ud83c\udffb \ud14c\uc2a4\ud2b8\ub294 macOS\uc5d0\uc11c http\ub85c \ud14c\uc2a4\ud2b8 \ud588\uc2b5\ub2c8\ub2e4.
The test was performed on macOS using http.<\/p>\n\n\n\n

\ud83d\udc49\ud83c\udffb macOS\uc5d0\uc11c \ud14c\uc2a4\ud2b8 \ud588\uc9c0\ub9cc \ub9ac\ub205\uc2a4\uc5d0\uc11c \uc0ac\uc6a9\ud574\ub3c4 \ub429\ub2c8\ub2e4.
I tested it on macOS, but it can also be used on Linux.<\/p>\n\n\n\n

\ud83d\udc49\ud83c\udffb \ub9ac\ub205\uc2a4\uc5d0\uc11c \uc0ac\uc6a9\uc2dc \ubc29\ud654\ubcbd\uc5d0\uc11c 5080\ud3ec\ud2b8 \uc624\ud508\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.(\uc774\uc804 \uac8c\uc2dc\ubb3c\uc744 \ucc38\uc870 \ud558\uc138\uc694)
When using on Linux, port 5080 must be open in the firewall. (Please refer to the previous post.)<\/p>\n\n\n\n

\u2714\ufe0f \ucf54\ub4dc \/ Code<\/p>\n\n\n\n

\/\/#define CPPHTTPLIB_OPENSSL_SUPPORT \/\/ HTTPS\n#include \"httplib.h\"\n#include <filesystem>\n#include <fstream>\n#include <iostream>\n\nint main() {\n    \/\/ HTTP\uba74 Server, HTTPS\uba74 SSLServer \uc0ac\uc6a9\n    \/\/ Use Server for HTTP, SSLServer for HTTPS\n\n    httplib::Server svr;\n\n    \/\/ httplib::SSLServer svr(\".\/fullchain.pem\", \".\/privkey.pem\"); \/\/ HTTPS\n\n    std::filesystem::create_directories(\".\/uploads\");\n    svr.set_payload_max_length(1024ULL * 1024 * 1024 * 10); \/\/ 10GB\n\n    \/\/ Multipart \uc5c5\ub85c\ub4dc \/ Multipart Upload\n    svr.Post(\"\/upload\/multipart\", [&](const httplib::Request& req, httplib::Response& res,\n                                      const httplib::ContentReader& reader) {\n        if (!req.is_multipart_form_data()) {\n            res.status = 400;\n            res.set_content(\"not multipart\", \"text\/plain\");\n            return;\n        }\n\n        std::ofstream ofs;\n        bool ok = reader(\n            [&](const httplib::FormData& part) {\n                if (part.name == \"file\") {\n                    std::string name = httplib::sanitize_filename(part.filename.empty() ? \"upload.bin\" : part.filename);\n                    ofs.open(\".\/uploads\/\" + name, std::ios::binary);\n                    if (!ofs) return false;\n                }\n                return true;\n            },\n            [&](const char* data, size_t len) {\n                if (ofs) ofs.write(data, static_cast<std::streamsize>(len));\n                return true;\n            });\n\n        if (ofs) ofs.close();\n\n        if (!ok) {\n            res.status = 500;\n            res.set_content(\"multipart stream failed\", \"text\/plain\");\n            return;\n        }\n\n        res.set_content(\"multipart upload ok\", \"text\/plain\");\n    });\n\n    \/\/ \uc5c5\ub85c\ub4dc \uc9c4\ud589\ub960 \ud45c\uc2dc\n    \/\/ HTML form displaying upload status\n    svr.Get(\"\/\", [](const httplib::Request&, httplib::Response& res) {\n        res.set_content(R\"(\n    <!doctype html>\n    <html>\n    <body>\n      <h1>Upload<\/h1>\n\n      <form id=\"uploadForm\">\n        <input type=\"file\" id=\"file\" name=\"file\" required \/>\n        <button type=\"submit\">Upload<\/button>\n      <\/form>\n\n      <p id=\"percent\">0%<\/p>\n      <progress id=\"bar\" value=\"0\" max=\"100\" style=\"width: 300px;\"><\/progress>\n      <pre id=\"result\"><\/pre>\n\n      <script>\n        const form = document.getElementById('uploadForm');\n        const bar = document.getElementById('bar');\n        const percent = document.getElementById('percent');\n        const result = document.getElementById('result');\n\n        form.addEventListener('submit', (e) => {\n          e.preventDefault();\n\n          const fileInput = document.getElementById('file');\n          if (!fileInput.files.length) return;\n\n          const data = new FormData();\n          data.append('file', fileInput.files[0]);\n\n          const xhr = new XMLHttpRequest();\n          xhr.open('POST', '\/upload\/multipart', true);\n\n          xhr.upload.onprogress = (evt) => {\n            if (evt.lengthComputable) {\n              const p = Math.round((evt.loaded \/ evt.total) * 100);\n              bar.value = p;\n              percent.textContent = p + '%';\n            }\n          };\n\n          xhr.onload = () => {\n            result.textContent = 'status: ' + xhr.status + '\\\\n' + xhr.responseText;\n          };\n\n          xhr.onerror = () => {\n            result.textContent = 'upload failed';\n          };\n\n          xhr.send(data);\n        });\n      <\/script>\n    <\/body>\n    <\/html>\n    )\", \"text\/html; charset=utf-8\");\n    });\n\n    std::cout << \"listen: http:\/\/0.0.0.0:5080\\n\";\n    svr.listen(\"0.0.0.0\", 5080);\n}\n<\/code><\/pre>\n\n\n\n
\u2714\ufe0f \ucef4\ud30c\uc77c \/ Compiling<\/p>\n\n\n\n
g++ large_upload_server.cpp -o large_upload_server -std=c++17 -pthread  <\/code><\/pre>\n\n\n\n
\u2714\ufe0f \uc11c\ubc84 \uc2e4\ud589 \/ Run Server<\/p>\n\n\n\n
.\/large_upload_server<\/code><\/pre>\n\n\n\n
\"\"
\uc11c\ubc84 \uc2e4\ud589 \/ Run Server<\/figcaption><\/figure>\n\n\n\n
\u2714\ufe0f \ube0c\ub77c\uc6b0\uc800 \uc811\uc18d \/ Browser Access<\/p>\n\n\n\n
— \ud30c\uc77c \uc5c5\ub85c\ub4dc \ud3fc \/ file upload form<\/p>\n\n\n\n
\"\"
\ud30c\uc77c \uc5c5\ub85c\ub4dc \ud3fc \/ file upload form<\/figcaption><\/figure>\n\n\n\n
–\ud30c\uc77c \uc5c5\ub85c\ub4dc \uc644\ub8cc \/ File upload complete<\/p>\n\n\n\n
\"\"
\ud30c\uc77c \uc5c5\ub85c\ub4dc \uc644\ub8cc \/ File upload complete<\/figcaption><\/figure>\n\n\n\n
— \uc5c5\ub85c\ub4dc \uc0c1\ud0dc \ud655\uc778 \/ Check upload status<\/p>\n\n\n\n
\"\"
\uc5c5\ub85c\ub4dc \uc0c1\ud0dc \ud655\uc778 \/ Check upload status<\/figcaption><\/figure>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\ud83d\udc49\ud83c\udffb \ub300\uc6a9\ub7c9 \ud30c\uc77c \uc5c5\ub85c\ub4dc\ub97c \uc704\ud55c \uc124\uba85\uc785\ub2c8\ub2e4.This is an explanation for uploading large files. \ud83d\udc49\ud83c\udffb \uc5c5\ub85c\ub4dc \uc9c4\ud589\ub960\uc744 \ud655\uc778\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.You can check the upload progress. \ud83d\udc49\ud83c\udffb \ud14c\uc2a4\ud2b8\ub294 macOS\uc5d0\uc11c http\ub85c \ud14c\uc2a4\ud2b8 \ud588\uc2b5\ub2c8\ub2e4.The test was performed on macOS using http. \ud83d\udc49\ud83c\udffb macOS\uc5d0\uc11c \ud14c\uc2a4\ud2b8 \ud588\uc9c0\ub9cc \ub9ac\ub205\uc2a4\uc5d0\uc11c \uc0ac\uc6a9\ud574\ub3c4 \ub429\ub2c8\ub2e4.I tested it on macOS, but it can also be used […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,1],"tags":[],"class_list":["post-5378","post","type-post","status-publish","format-standard","hentry","category-cpp","category-uncategorized","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/5378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=5378"}],"version-history":[{"count":10,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/5378\/revisions"}],"predecessor-version":[{"id":5392,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/5378\/revisions\/5392"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=5378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=5378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=5378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}