Init Local Uploader – Công cụ upload ảnh tự host, đơn giản và trực quan trên chính server của bạn

Tính năng chính

Init Local Uploader mang đến trải nghiệm upload ảnh nhanh gọn, an toàn và tự chủ:

• Giao diện thân thiện: Web UI đơn giản, chỉ cần đăng nhập, chọn ảnh, và click “Upload & Generate HTML”.
• Tự host hoàn toàn: Không cần dịch vụ bên thứ ba — tất cả file lưu trực tiếp trong thư mục uploads/ của bạn.
• Hỗ trợ nhiều file: Upload nhiều ảnh cùng lúc, tối ưu quy trình nhập nội dung hàng loạt.
• Thư mục tùy chỉnh: Cho phép tạo cấu trúc thư mục riêng, ví dụ 2025/gallery/.
• Chuyển đổi WebP: Tuỳ chọn convert ảnh sang WebP để giảm dung lượng mà vẫn giữ chất lượng.
• Resize ảnh tự động: Giới hạn chiều rộng tối đa cho ảnh lớn, giúp website tải nhanh hơn.
• Tự động sinh HTML: Sau khi upload, hệ thống tự sinh sẵn thẻ <img> có sẵn width, height và loading="lazy".
• Ghi nhớ tùy chọn: Các thiết lập (ALT, WebP, chất lượng, thư mục…) được lưu lại bằng LocalStorage.

Thông tin phiên bản

• Phiên bản: 1.0.3
• Cập nhật: 2025-12-02

Yêu cầu hệ thống

• PHP: Phiên bản từ 7.4 trở lên (khuyến nghị PHP 8+).
• Extensions: Cần gd để xử lý ảnh, và fileinfo để kiểm tra MIME type.
• Quyền ghi: Thư mục uploads/ cần có quyền ghi (chmod 755 hoặc 775).
• Trình duyệt: Hỗ trợ tốt nhất trên Chrome, Firefox, Edge.

Cài đặt và cấu hình

Sau khi tải về file init-local-uploader.php, bạn chỉ cần:

1. Upload file này lên server (ví dụ: https://your-domain.com/init-local-uploader.php).
2. Mở file trong trình duyệt — màn hình đăng nhập sẽ xuất hiện.
3. Đăng nhập bằng tài khoản được cấu hình ở đầu file:

define('USERNAME', 'admin');
define('PASSWORD', 'Admin@123'); // Có thể dùng plain text hoặc password_hash

4. Chọn ảnh, tùy chỉnh các tùy chọn (thư mục, resize, chất lượng, WebP…), sau đó bấm “Upload & Generate HTML”.
5. Copy mã HTML đã được tạo sẵn và dán vào bài viết, website hoặc CMS của bạn.

Để tạo mật khẩu mạnh hoặc password_hash, bạn nên dùng công cụ Init Password Generator.

Tùy chỉnh đầu ra HTML

Init Local Uploader tự động sinh HTML với thuộc tính đầy đủ:

<img src="https://your-domain.com/uploads/2025/image.webp" 
     alt="Sunset - Image 1" 
     width="1200" 
     height="800" 
     loading="lazy"
     decoding="async">

• Nếu bạn nhập ALT → ảnh sẽ có dạng: Sunset - Image 1, Sunset - Image 2, …
• Nếu để trống ALT → ảnh sẽ là Image 1, Image 2, …

Ảnh đầu tiên không lazy-load, các ảnh sau có loading="lazy" để tối ưu hiệu năng.

Bảo mật và lưu trữ

• Mọi file được lưu trong thư mục /uploads ngay tại chỗ.
• Công cụ có bảo vệ đăng nhập bằng username/password.
• Không gửi bất kỳ dữ liệu nào ra bên ngoài — hoàn toàn offline & private.
• Giao diện gọn nhẹ, không dùng JavaScript framework nặng.

Mẹo sử dụng nhanh

• Đặt file trong thư mục riêng, ví dụ /tools/ hoặc /admin/.
• Có thể đổi tên file thành uploader.php cho gọn đường dẫn.
• Dùng trình duyệt bookmark để truy cập nhanh.
• Có thể chạy trên local (XAMPP, Laragon) để test mà không cần mạng.

Ví dụ luồng thao tác

1. Mở https://your-domain.com/init-local-uploader.php
2. Đăng nhập.
3. Chọn 5 ảnh PNG, nhập ALT là “Blog Cover”.
4. Chọn resize 1280px, bật WebP, chất lượng 90%.
5. Nhấn “Upload & Generate HTML”.
6. Copy HTML code như sau:

<img src="https://your-domain.com/uploads/2025/blog-cover_1.webp" alt="Blog Cover - Image 1" width="1280" height="720">
<img src="https://your-domain.com/uploads/2025/blog-cover_2.webp" alt="Blog Cover - Image 2" width="1280" height="720" loading="lazy" decoding="async">

Ưu điểm so với cloud uploader

Cấu trúc thư mục sau khi sử dụng

/init-local-uploader.php
/uploads/
    ├── 2025/
    │   ├── image_1.webp
    │   ├── image_2.webp
    │   └── image_3.webp

Ghi chú kỹ thuật

• Hỗ trợ định dạng ảnh: jpg, jpeg, png, gif, webp.
• Có thể cấu hình giới hạn kích thước ảnh, độ nén, và thư mục đích.
• Dễ dàng mở rộng — bạn có thể thêm watermark, tạo thumbnail, hay tự động tối ưu ảnh bằng GD hoặc Imagick.

Init Local Uploader là công cụ hoàn hảo nếu bạn cần upload ảnh nhanh, an toàn, và hoàn toàn tự chủ — không cần phụ thuộc vào bất kỳ dịch vụ cloud nào. Một click là có ngay HTML code sẵn sàng để dùng.