initial
This commit is contained in:
commit
8c3661889f
5 changed files with 273 additions and 0 deletions
3
.gitmodules
vendored
Normal file
3
.gitmodules
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
[submodule "netlib"]
|
||||
path = netlib
|
||||
url = https://github.com/Lluna4/netlib
|
||||
10
CMakeLists.txt
Normal file
10
CMakeLists.txt
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
cmake_minimum_required(VERSION 3.10.0)
|
||||
project(web_serv VERSION 0.1.0 LANGUAGES C CXX)
|
||||
set(CMAKE_CXX_STANDARD 23)
|
||||
|
||||
add_subdirectory(netlib)
|
||||
|
||||
add_executable(web_serv main.cpp)
|
||||
|
||||
target_link_libraries(web_serv PRIVATE netlib)
|
||||
|
||||
79
main.cpp
Normal file
79
main.cpp
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
#include "netlib/src/netlib.h"
|
||||
#include <sys/sendfile.h>
|
||||
#include <print>
|
||||
#include <fstream>
|
||||
|
||||
int atoi_newline(const char *data)
|
||||
{
|
||||
int ret = 0;
|
||||
|
||||
while (true)
|
||||
{
|
||||
ret += *data - '0';
|
||||
data++;
|
||||
if (*data == '\n' || *data == '\0' || *data == '\r')
|
||||
break;
|
||||
ret *= 10;
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
|
||||
int main()
|
||||
{
|
||||
netlib::server_raw server;
|
||||
server.open_server("0.0.0.0", 8080);
|
||||
|
||||
while (true)
|
||||
{
|
||||
std::vector<int> readable = server.get_readable();
|
||||
for (auto user: readable)
|
||||
{
|
||||
char *data = server.receive_everything(user);
|
||||
if (data)
|
||||
{
|
||||
std::string_view dat(data);
|
||||
if (dat.starts_with("GET") && dat.size() > 4)
|
||||
{
|
||||
dat.remove_prefix(4);
|
||||
int ins_size = 0;
|
||||
for (auto c: dat)
|
||||
{
|
||||
if (c == ' ')
|
||||
break;
|
||||
ins_size++;
|
||||
}
|
||||
dat.remove_suffix(dat.size() - ins_size);
|
||||
std::println("{}", dat);
|
||||
if (dat.compare("/") == 0)
|
||||
{
|
||||
netlib::send_packet(std::make_tuple(std::string("HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n")), user);
|
||||
std::ifstream file("../test.html",std::ios::binary);
|
||||
std::streampos size = file.tellg();
|
||||
file.seekg(0, std::ios::end);
|
||||
size = file.tellg() - size;
|
||||
file.close();
|
||||
int filefd = open("../test.html", O_RDONLY);
|
||||
sendfile(user, filefd, 0, size);
|
||||
}
|
||||
server.disconnect_user(user);
|
||||
}
|
||||
if (dat.starts_with("POST"))
|
||||
{
|
||||
size_t pos = dat.find("Content-Length");
|
||||
dat.remove_prefix(pos);
|
||||
dat.remove_prefix(strlen("Content-Length: "));
|
||||
int lenght = atoi_newline(dat.data());
|
||||
std::println("{} {}", dat, lenght);
|
||||
pos = dat.find("image/png");
|
||||
dat.remove_prefix(pos);
|
||||
dat.remove_prefix(strlen("image/png\r\n") + 2);
|
||||
std::ofstream a("Test.png", std::ios::binary);
|
||||
a.write(dat.data(), lenght);
|
||||
netlib::send_packet(std::make_tuple(std::string("HTTP/1.1 201 CREATED")), user);
|
||||
server.disconnect_user(user);
|
||||
}
|
||||
}
|
||||
}
|
||||
std::this_thread::sleep_for(std::chrono::milliseconds(50));
|
||||
}
|
||||
}
|
||||
1
netlib
Submodule
1
netlib
Submodule
|
|
@ -0,0 +1 @@
|
|||
Subproject commit 1dc4578cf1c732065894d961b4ffcb81e12c090d
|
||||
180
test.html
Normal file
180
test.html
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
//THIS IS NOT MY CODE, THIS IS AN AI GENERATED CODE TO TEST MY SERVER AND SEE HOW EVERYTHING WORKS
|
||||
//I WILL CHANGE IT TO MY OWN WHEN MY SERVER WORKS PROPERLY
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Drag and Drop File Upload</title>
|
||||
<style>
|
||||
#drop_zone {
|
||||
border: 5px dashed blue; /* Dashed looks more like a typical drop zone */
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-family: sans-serif;
|
||||
line-height: 1.5;
|
||||
transition: border-color 0.3s, background-color 0.3s; /* Add smooth transition */
|
||||
}
|
||||
#drop_zone.dragover { /* Style when dragging over */
|
||||
border-color: green;
|
||||
background-color: #e0ffe0;
|
||||
}
|
||||
#status {
|
||||
margin-top: 15px;
|
||||
font-family: sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Simple File Upload via Drag & Drop</h1>
|
||||
|
||||
<div
|
||||
id="drop_zone"
|
||||
ondrop="dropHandler(event);"
|
||||
ondragover="dragOverHandler(event);"
|
||||
ondragenter="dragEnterHandler(event);" /* Optional: visual feedback on enter */
|
||||
ondragleave="dragLeaveHandler(event);" /* Optional: visual feedback on leave */
|
||||
>
|
||||
<p>Drag one or more files to this <i>drop zone</i>.</p>
|
||||
</div>
|
||||
|
||||
<div id="status"></div> <!-- To display upload status -->
|
||||
|
||||
<script>
|
||||
const dropZone = document.getElementById('drop_zone');
|
||||
const statusDiv = document.getElementById('status');
|
||||
|
||||
function dropHandler(ev) {
|
||||
console.log("File(s) dropped");
|
||||
statusDiv.textContent = 'Processing dropped file(s)...';
|
||||
dropZone.classList.remove('dragover'); // Remove highlight style
|
||||
|
||||
// Prevent default behavior (Prevent file from being opened)
|
||||
ev.preventDefault();
|
||||
|
||||
let filesToUpload = []; // Store files to potentially upload
|
||||
|
||||
if (ev.dataTransfer.items) {
|
||||
// Use DataTransferItemList interface to access the file(s)
|
||||
[...ev.dataTransfer.items].forEach((item, i) => {
|
||||
// If dropped items aren't files, reject them
|
||||
if (item.kind === "file") {
|
||||
const file = item.getAsFile();
|
||||
if (file) { // Check if getAsFile() returned a file
|
||||
console.log(`… file[${i}].name = ${file.name}`);
|
||||
filesToUpload.push(file); // Add file to our list
|
||||
} else {
|
||||
console.log(`… item[${i}] is a file but couldn't be accessed (perhaps a directory?).`);
|
||||
}
|
||||
} else {
|
||||
console.log(`… item[${i}].kind = ${item.kind} (not a file)`);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// Use DataTransfer interface to access the file(s)
|
||||
[...ev.dataTransfer.files].forEach((file, i) => {
|
||||
console.log(`… file[${i}].name = ${file.name}`);
|
||||
filesToUpload.push(file); // Add file to our list
|
||||
});
|
||||
}
|
||||
|
||||
// --- UPLOAD THE FILE(S) ---
|
||||
if (filesToUpload.length > 0) {
|
||||
statusDiv.textContent = `Found ${filesToUpload.length} file(s). Uploading...`;
|
||||
// Example: Uploading the first file found
|
||||
// uploadFile(filesToUpload[0]);
|
||||
|
||||
// OR: Upload ALL dropped files sequentially
|
||||
// (You might want more advanced logic for parallel uploads or progress bars)
|
||||
filesToUpload.forEach(uploadFile);
|
||||
|
||||
} else {
|
||||
console.log("No valid files found to upload.");
|
||||
statusDiv.textContent = 'No valid files detected in drop.';
|
||||
}
|
||||
}
|
||||
|
||||
function dragOverHandler(ev) {
|
||||
// Prevent default behavior (Prevent file from being opened)
|
||||
ev.preventDefault();
|
||||
// Optional: Visual feedback
|
||||
// dropZone.classList.add('dragover'); // Handled by dragenter now
|
||||
}
|
||||
|
||||
function dragEnterHandler(ev) {
|
||||
// Optional visual feedback
|
||||
console.log("File entered drop zone");
|
||||
dropZone.classList.add('dragover');
|
||||
ev.preventDefault(); // Necessary for drop event to fire correctly in some browsers
|
||||
}
|
||||
|
||||
function dragLeaveHandler(ev) {
|
||||
// Optional visual feedback
|
||||
console.log("File left drop zone");
|
||||
// Ensure it only removes class if leaving the drop_zone itself, not child elements
|
||||
if (ev.target === dropZone) {
|
||||
dropZone.classList.remove('dragover');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// --- Handles the actual upload ---
|
||||
function uploadFile(file) {
|
||||
// V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V
|
||||
// IMPORTANT: Replace this URL with your actual server endpoint!
|
||||
const url = '/your-server-upload-endpoint';
|
||||
// ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^
|
||||
|
||||
const formData = new FormData();
|
||||
|
||||
// 'uploadedFile' is the name the server will look for.
|
||||
// You might need to change this depending on your server-side code.
|
||||
formData.append('uploadedFile', file, file.name);
|
||||
|
||||
console.log(`Uploading ${file.name} to ${url}`);
|
||||
statusDiv.textContent = `Uploading ${file.name}...`; // Update status
|
||||
|
||||
fetch(url, {
|
||||
method: 'POST', // Or 'PUT' depending on your server API
|
||||
body: formData,
|
||||
// Headers are often not needed for FormData uploads,
|
||||
// the browser sets the 'Content-Type' to 'multipart/form-data' automatically.
|
||||
})
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
// Throw an error if the server response is not 2xx
|
||||
// Try to get error message from body if possible
|
||||
return response.text().then(text => {
|
||||
throw new Error(`Server responded with ${response.status}: ${response.statusText}. Body: ${text}`);
|
||||
});
|
||||
}
|
||||
// Check if the response body is likely JSON or text
|
||||
const contentType = response.headers.get("content-type");
|
||||
if (contentType && contentType.includes("application/json")) {
|
||||
return response.json(); // Parse JSON response
|
||||
} else {
|
||||
return response.text(); // Get response as text
|
||||
}
|
||||
})
|
||||
.then(data => {
|
||||
console.log(`Upload successful for ${file.name}:`, data);
|
||||
// Add user feedback here
|
||||
statusDiv.textContent = `Successfully uploaded ${file.name}! Server response: ${typeof data === 'object' ? JSON.stringify(data) : data}`;
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(`Error during upload for ${file.name}:`, error);
|
||||
// Add user feedback here
|
||||
statusDiv.textContent = `Error uploading ${file.name}: ${error.message}`;
|
||||
dropZone.classList.remove('dragover'); // Ensure highlight is removed on error
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue