joachim/FileRise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new images

Browse Source
This commit is contained in:
Ryan
2025-02-23 00:37:59 -05:00
committed by GitHub
parent 2b1528b187
commit 01530372af
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
README.md
View File

@@ -1,7 +1,7 @@
Here are list of changes made to original code base: Here are list of changes made to original code base:
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/main_screen.png" alt="main screen"> <img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/main-screen.png" alt="main screen">
# Multi File Upload & Edit # Multi File Upload & Edit
@@ -13,11 +13,12 @@ This project is a lightweight, secure web application for uploading, editing, an
- **Multi-file Upload:** - **Multi-file Upload:**
Users can select and upload multiple files at once. Each file’s upload is tracked individually with a progress bar showing percentage complete and upload speed (B/s, KB/s, or MB/s). If an image is selected, a small 32×32 pixel thumbnail preview is displayed; otherwise, a default file icon is shown. Users can select and upload multiple files at once. Each file’s upload is tracked individually with a progress bar showing percentage complete and upload speed (B/s, KB/s, or MB/s). If an image is selected, a small 32×32 pixel thumbnail preview is displayed; otherwise, a default file icon is shown.
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/multifile_upload.png" alt="multi file upload" width="600"> <img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/multi-upload.png" alt="multi file upload" width="600">
- **File Editing:** - **File Editing:**
Built-in editing functionality for text-based files allows quick modifications directly within the browser. Files open in a modal window with a consistent, rounded design. Built-in editing functionality for text-based files allows quick modifications directly within the browser. Files open in a modal window with a consistent, rounded design.
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/edit_window.png" alt="edit window" width="600"> <img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/edit-large-window.png" alt="edit window" width="600">
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/edit-small-window.png" alt="edit window" width="600">
- **Batch Deleting:** - **Batch Deleting:**
Users can select multiple files and delete them in one action, streamlining file management. Users can select multiple files and delete them in one action, streamlining file management.
@@ -27,13 +28,15 @@ This project is a lightweight, secure web application for uploading, editing, an
- **User Management:** - **User Management:**
Secure, session-based authentication is implemented along with admin-only controls for adding and removing users. Passwords are hashed for security. Secure, session-based authentication is implemented along with admin-only controls for adding and removing users. Passwords are hashed for security.
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/new_user_window.png" alt="new user" width="600"> <img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/create-user.png" alt="new user" width="600">
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/remove-user.png" alt="new user" width="600">
- **Dynamic UI Updates:** - **Dynamic UI Updates:**
The application uses asynchronous JavaScript (via the Fetch API and XMLHttpRequest) to update the file list and upload progress in real time without requiring full page reloads. The application uses asynchronous JavaScript (via the Fetch API and XMLHttpRequest) to update the file list and upload progress in real time without requiring full page reloads.
- **Progress Feedback:** - **Progress Feedback:**
During uploads, each file shows a progress bar next to its name, complete with upload percentage and speed. Once all files have been uploaded, the progress list automatically clears after a short delay. During uploads, each file shows a progress bar next to its name, complete with upload percentage and speed. Once all files have been uploaded, the progress list automatically clears after a short delay.
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/progress-bar.png" alt="new user" width="600">
--- ---
@@ -86,7 +89,7 @@ This project is a lightweight, secure web application for uploading, editing, an
--- ---
<img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/login_screen.png" alt="login screen" width="600"> <img src="https://raw.githubusercontent.com/error311/multi-file-upload-editor/refs/heads/master/resources/login-page.png" alt="login screen" width="600">