Trường tải lên tệp
Thu thập tài liệu, hình ảnh và tệp tin một cách an toàn. Từ sơ yếu lý lịch đến ảnh chụp, với tính năng tải lên bằng cách kéo và thả, hạn chế loại tệp, giới hạn kích thước và xem trước tức thì – trường Tải lên Tệp cung cấp khả năng thu thập tệp an toàn với trải nghiệm người dùng hiện đại và xác thực toàn diện.
Bộ sưu tập tệp chuyên nghiệp với tính năng xác thực thông minh.
Hoàn hảo cho:
Các tính năng mạnh mẽ cho mọi trường hợp sử dụng
📤 Tải lên nhiều tập tin
Tệp đơn hoặc nhiều tệp:
Cho phép người dùng tải lên chỉ một tệp hoặc tải lên nhiều tệp cùng lúc. Người dùng có thể chọn nhiều tệp cùng một lúc hoặc thêm từng tệp một.
- Quản lý tập tin thông minh:
- Thêm tệp tin từng bước một
- Xóa các tập tin riêng lẻ trước khi gửi.
- Xem tất cả các tệp đã chọn kèm tên và kích thước.
- Hiển thị rõ ràng số lượng tải lên
Điều khiển tệp tối thiểu/tối đa:
Khi bật tính năng tải lên nhiều tệp cùng lúc, hãy thiết lập số lượng tệp tối thiểu và tối đa. Yêu cầu tối thiểu 2 tệp, giới hạn ở 10 tệp hoặc bất kỳ phạm vi nào phù hợp với nhu cầu của bạn.
Ví dụ:
- Nộp hồ sơ xin việc: Chỉ 1 tập tin.
- Bộ sưu tập ảnh: Tối thiểu 3 ảnh, tối đa 10 ảnh
- Gói tài liệu: Tối thiểu 2, tối đa 5 tập tin
- Danh mục đầu tư: Tối thiểu 1, tối đa 20 tệp
🎯 Hạn chế về loại tệp
7 danh mục được cấu hình sẵn:
Hình ảnh – jpg, png, gif và tất cả các định dạng hình ảnh khác.
Hoàn hảo cho ảnh, logo, ảnh chụp màn hình và nội dung trực quan.
Tài liệu – pdf, doc, docx, txt, odt
Thích hợp để in sơ yếu lý lịch, báo cáo, hợp đồng và các tài liệu văn bản.
Bảng tính – xls, xlsx, csv, ods
Dùng cho các tập tin dữ liệu, ngân sách, báo cáo và tính toán.
Thuyết trình – ppt, pptx, odp
Các bản trình chiếu, bài thuyết trình giới thiệu sản phẩm và báo cáo trực quan.
Tài liệu lưu trữ – zip, rar, 7z, tar, gz
Các tập tin nén, gói tập tin và bản sao lưu.
Bài nghe – mp3, wav và tất cả các định dạng âm thanh khác
Các tệp nhạc, bản ghi âm giọng nói và đoạn âm thanh.
Video – mp4, mov và tất cả các định dạng video khác
Các tập tin video, bản ghi âm và nội dung đa phương tiện.
Kết hợp & Kết hợp:
Chọn nhiều danh mục để chấp nhận nhiều loại tệp khác nhau. Bật Hình ảnh + Tài liệu để chấp nhận cả ảnh và PDF.
📝 Phần mở rộng tệp tùy chỉnh
Hãy chỉ định chính xác loại tệp:
Ngoài 7 danh mục mặc định, hãy xác định các phần mở rộng tệp cụ thể mà bạn muốn chấp nhận. Nhập các phần mở rộng tùy chỉnh, phân cách bằng dấu phẩy.
Ví dụ:
- `.jpg, .png, .pdf` – Chỉ ảnh và file PDF
- `.docx, .pdf, .txt` – Các định dạng tài liệu cụ thể
- `.ai, .psd, .sketch` – Các tệp thiết kế
- `.dwg, .dxf` – Các tệp CAD
- `.sql, .db` – Các tệp cơ sở dữ liệu
Kiểm soát hoàn hảo:
Kết hợp hộp kiểm danh mục với phần mở rộng tùy chỉnh để kiểm soát chính xác loại tệp. Chấp nhận danh mục Hình ảnh cộng với `.svg` để hỗ trợ đầy đủ hình ảnh.
🖼️ Xem trước tập tin
Phản hồi trực quan về tệp:
Bật tùy chọn “Hiển thị bản xem trước tệp” để hiển thị hình thu nhỏ cho ảnh và biểu tượng tệp cho các loại tệp khác. Người dùng sẽ thấy chính xác những gì họ đã chọn trước khi gửi.
Tính năng nổi bật:
- Ảnh thu nhỏ cho ảnh
- Biểu tượng loại tệp cho tài liệu
- Hiển thị tên và kích thước tệp
- Xóa nút cho từng tệp
Xác nhận tải lên trực quan
Trải nghiệm người dùng tốt hơn:
Chức năng xem trước giúp xác nhận việc chọn tệp thành công, giảm thiểu lỗi và mang lại sự tự tin rằng các tệp đính kèm là đúng.
🎨 Văn bản nút tùy chỉnh
Tùy chỉnh trải nghiệm tải lên:
Hãy thay đổi văn bản nút tải lên từ “Chọn tệp” thành bất kỳ văn bản nào phù hợp với ngữ cảnh của biểu mẫu.
Ví dụ:
- “Tải lên CV”
- “Chọn ảnh”
- “Đính kèm tài liệu”
- "Thêm các tập tin"
- “Duyệt tập tin”
- “Chọn hình ảnh”
Ngôn ngữ theo ngữ cảnh:
Hãy điều chỉnh nội dung nút sao cho phù hợp với nội dung người dùng đang tải lên để hướng dẫn rõ ràng hơn và mang lại trải nghiệm người dùng tốt hơn.
🔐 Bảo mật tích hợp
Xác thực tệp tự động:
Tất cả các tệp được tải lên đều được kiểm tra loại và kích thước trước khi xử lý. Các tệp độc hại sẽ bị từ chối tự động.
Lớp bảo mật:
- Xác thực loại tệp (phần mở rộng và loại MIME)
- Giới hạn kích thước tệp được áp dụng
- Xác thực lại phía máy chủ
- Tiêu chuẩn bảo mật WordPress
- Tên tệp đã được làm sạch
Xử lý tập tin an toàn:
Các tệp được lưu trữ an toàn bằng cách sử dụng thư mục tải lên của WordPress với quyền truy cập và các biện pháp bảo mật phù hợp.
🔀 Logic điều kiện
Các trường tải lên động:
Hiển thị hoặc ẩn các trường tải lên tệp dựa trên các giá trị khác của biểu mẫu. Chỉ hiển thị các tùy chọn tải lên khi chúng phù hợp với lựa chọn của người dùng.
Các quy tắc logic nâng cao:
- Logic AND – Tất cả các điều kiện phải được đáp ứng
- Logic OR – Bất kỳ điều kiện nào cũng có thể kích hoạt hành động.
- 8 toán tử – Bằng, Không bằng, Lớn hơn, Nhỏ hơn, Chứa, Rỗng, và nhiều toán tử khác
🎯 Trải nghiệm người dùng được nâng cao
Các tính năng thông minh được tích hợp sẵn:
- Danh sách tệp đã chọn – Xem tất cả các tệp đã chọn kèm tên và kích thước.
- Xóa các tệp riêng lẻ – Xóa các tập tin trước khi nộp
- Tiến trình tải lên – Hiển thị phản hồi trực quan trong quá trình tải lên (với tính năng tự động tải lên)
- Xóa thông báo lỗi – Các lỗi xác thực cụ thể kèm hướng dẫn
- Hiển thị số lượng tệp – Hiển thị số lượng tệp đã chọn
- Yêu cầu xác thực – Bắt buộc tải lên tập tin
- Hỗ trợ bằng văn bản – Thêm mô tả về các yêu cầu của tệp
- Các lớp CSS tùy chỉnh – Áp dụng kiểu dáng tùy chỉnh
- Hỗ trợ truy cập – Tương thích với điều hướng bằng bàn phím và trình đọc màn hình
- Tối ưu hóa điện thoại di động – Trình chọn tập tin gốc trên thiết bị di động
📏 Giới hạn kích thước tệp
Kiểm soát kích thước tải lên:
Đặt kích thước tệp tối đa cho mỗi tệp tính bằng megabyte (MB). Ngăn chặn việc tải lên các tệp quá lớn có thể làm chậm quá trình gửi hoặc vượt quá giới hạn máy chủ.
Giới hạn linh hoạt:
- Tệp nhỏ: 1-2 MB cho tài liệu
- Tiêu chuẩn: 5 MB cho các tệp tải lên thông thường
- Ảnh: 10 MB cho mỗi bức ảnh
- Tệp dung lượng lớn: 50 MB trở lên đối với video hoặc tệp lưu trữ.
Xác thực từng tệp:
Giới hạn kích thước áp dụng cho từng tập tin riêng lẻ, không phải tổng kích thước tải lên. Người dùng có thể tải lên 5 tập tin, mỗi tập có dung lượng 5MB nếu bạn đặt giới hạn là 5MB.
Xóa phản hồi:
Người dùng sẽ thấy lỗi kích thước tệp ngay trước khi gửi với các thông báo cụ thể như "Tệp vượt quá giới hạn 5MB".
⚡ Tự động tải lên khi được chọn
Tùy chọn tải lên tức thì:
Kích hoạt tùy chọn “Tự động tải lên khi chọn” để bắt đầu tải lên tệp ngay lập tức khi được chọn, thay vì chờ gửi biểu mẫu.
Lợi ích:
- Hiệu suất cảm nhận nhanh hơn
- Tải lên các tệp dung lượng lớn trong khi người dùng điền các trường khác.
- Xác nhận tải lên ngay lập tức
- Phản hồi tiến độ trong quá trình tải lên
Trường hợp sử dụng:
- Gửi file dung lượng lớn (video, file lưu trữ)
- Biểu mẫu nhiều bước, trong đó tệp được tải lên sớm.
- Biểu mẫu có nhiều trường cần điền
- Trải nghiệm người dùng tốt hơn cho các kết nối chậm.
🎨 Tải lên bằng cách kéo và thả
Lựa chọn tập tin hiện đại:
Cho phép sử dụng tính năng kéo và thả để người dùng có thể kéo trực tiếp các tệp từ máy tính hoặc trình duyệt tệp của họ vào khu vực tải lên. Không cần phải duyệt web.
Phương pháp tải lên kép:
- Nút “Chọn tập tin” truyền thống
- Kéo trực tiếp các tệp vào khu vực tải lên
- Cả hai phương pháp đều hoạt động đồng thời.
Phản hồi trực quan:
Khu vực tải lên sẽ được tô sáng khi bạn kéo thả tệp vào, giúp bạn dễ dàng nhận biết vùng thả tệp.
Tương thích với thiết bị di động:
Ứng dụng hoạt động tốt trên máy tính để bàn với tính năng kéo thả đầy đủ. Trên thiết bị di động, ứng dụng sẽ chuyển sang trình chọn tập tin tiêu chuẩn.
Thiết lập đơn giản chỉ với 3 bước
Chuẩn bị sẵn trường tải lên tệp của bạn chỉ trong vài phút.
Thêm trường tải lên tập tin
Kéo và thả trường Tải lên tệp từ phần Các trường cơ bản vào biểu mẫu của bạn.
Thiết lập hạn chế tệp
Chọn các loại tệp được cho phép (Hình ảnh, Tài liệu, v.v.), đặt kích thước tệp tối đa (ví dụ: 5MB) và cho phép nhiều tệp nếu cần với số lượng tối thiểu/tối đa.
Kích hoạt các tính năng hiện đại
Bật tính năng kéo và thả để tải lên dễ dàng hơn, bật xem trước tệp để có phản hồi trực quan và tùy chỉnh văn bản nút cho phù hợp với ngữ cảnh của biểu mẫu.
🎉 Vậy là xong! Trường tải lên tập tin của bạn đã sẵn sàng với tính năng xác thực thông minh và trải nghiệm người dùng hiện đại.
Ứng dụng trong thế giới thực
Tuyển dụng
* Tải lên sơ yếu lý lịch/CV (PDF, DOCX)
* Tệp đính kèm thư xin việc
* Nộp hồ sơ năng lực
* Tải lên tài liệu tham khảo
Gửi ảnh
* Bài dự thi (nhiều hình ảnh)
* Ảnh chụp bất động sản
* Chụp ảnh sản phẩm
* Tải ảnh sự kiện lên
Tài liệu kinh doanh
* Tệp yêu cầu báo giá
* Hồ sơ hợp đồng
* Tải lên hóa đơn
* Tài liệu đề xuất
có chất lượng
* Nộp bài tập
* Tải lên bản ghi
* Giấy chứng nhận
* Nộp hồ sơ dự án
Phiếu Hỗ Trợ
* Tệp đính kèm ảnh chụp màn hình
* Tệp nhật ký lỗi
* Tệp cấu hình
* Tài liệu chẩn đoán
Danh mục sáng tạo
* Nộp file thiết kế
* Tải lên danh mục video
* Mẫu âm thanh
* Ví dụ về các tác phẩm sáng tạo
Hoàn thành các tùy chọn trường
Cấu hình cơ bản
- Nhãn trường – Tiêu đề hiển thị phía trên trường tải lên tệp
- Mô tả/Văn bản trợ giúp – Hướng dẫn bổ sung về các yêu cầu của tệp
- Trường bắt buộc – Bắt buộc tải lên tệp
- Hình ảnh minh họa – Không áp dụng cho việc tải lên tệp
Nhiều tệp
Cho phép tải nhiều tệp – Cho phép người dùng tải lên nhiều tệp cùng một lúc.
- Khi nhiều tệp được bật:
- Số lượng tệp tối thiểu – Số lượng tệp tối thiểu cần thiết (ví dụ: 1)
- Số lượng tệp tối đa – Số lượng tệp tối đa mà người dùng có thể tải lên (ví dụ: 10)
Các loại tệp được cho phép
Các danh mục được cấu hình sẵn (chọn bất kỳ sự kết hợp nào):
- Hình ảnh (jpg, png, gif)
- Tài liệu (pdf, doc, txt)
- Bảng tính (xls, csv)
- Bài thuyết trình (ppt, pptx)
- Tệp lưu trữ (zip, rar)
- Âm thanh (mp3, wav)
- Video (mp4, mov)
Các phần mở rộng tệp cụ thể
Nhập các loại tệp tùy chỉnh được phân tách bằng dấu phẩy (ví dụ: `.jpg, .png, .pdf, .docx`)
Kiểm soát kích thước tệp
- Kích thước tệp tối đa – Kích thước tối đa cho mỗi tệp được tải lên tính bằng megabyte (MB)
- Nhập số, ví dụ như 5, để giới hạn dung lượng là 5MB.
- Để trống nếu muốn không giới hạn (sử dụng giá trị mặc định của máy chủ)
- Áp dụng cho từng tập tin, không phải tổng dung lượng tải lên.
Kinh nghiệm người dùng
- Hiển thị bản xem trước tệp – Hiển thị hình thu nhỏ cho hình ảnh và biểu tượng cho các tệp khác.
- Kích hoạt tính năng Kéo và Thả – Cho phép người dùng kéo trực tiếp các tệp vào biểu mẫu.
- Văn bản nút Tải lên – Tùy chỉnh văn bản nút (mặc định: “Chọn tệp”)
- Tự động tải lên khi được chọn – Bắt đầu tải lên tệp ngay lập tức khi được chọn (thay vì chờ gửi biểu mẫu)
Logic có điều kiện
- Kích hoạt logic điều kiện – Hiển thị/ẩn dựa trên điều kiện
- Loại logic
- Tất cả các điều kiện phải được đáp ứng (VÀ)
- Mọi điều kiện đều có thể được đáp ứng (HOẶC)
- Quy tắc điều kiện
- Hiện/Ẩn – Hành động cần thực hiện
- Trường – Trường nào cần kiểm tra
- Toán tử – Bằng, Không bằng, Chứa, Lớn hơn, Nhỏ hơn, Rỗng, Không rỗng
- Giá trị – Giá trị so sánh
- Nhiều điều kiện – Thêm số lượng quy tắc không giới hạn
Tùy chọn nâng cao
- Ẩn trường – Làm cho trường trở nên vô hình (không khuyến khích sử dụng cho việc tải lên tệp)
- Lớp CSS tùy chỉnh – Áp dụng kiểu dáng tùy chỉnh
- Thuộc tính trợ năng – Nhãn ARIA dành cho trình đọc màn hình
Tại sao nên chọn trường tải lên tập tin của chúng tôi?
✅ Nhiều tập tin – Tải lên một hoặc nhiều tập tin với tùy chọn điều chỉnh số lượng tối thiểu/tối đa.
✅ Hạn chế thông minh – 7 danh mục tập tin cộng với các phần mở rộng tùy chỉnh
✅ Giới hạn kích thước – Đặt kích thước tối đa cho mỗi tập tin (tính bằng MB)
✅ Kéo và thả – Trải nghiệm chọn tập tin hiện đại
✅ Xem trước tập tin – Xác nhận trực quan bằng hình thu nhỏ
✅ An toàn – Tích hợp xác thực và bảo mật WordPress
✅ Tự động tải lên – Tùy chọn tải lên tức thì khi được chọn
✅ Giao diện thân thiện với người dùng – Phản hồi và thông báo lỗi rõ ràng
✅ Tích hợp hoàn toàn – Hoạt động liền mạch với tất cả các tính năng của biểu mẫu
Câu Hỏi Thường Gặp
Hỏi: Người dùng có thể tải lên tối đa bao nhiêu tập tin?
Mặc định chỉ cho phép tải lên một tệp. Bật tùy chọn “Cho phép tải lên nhiều tệp” để người dùng có thể tải lên nhiều tệp. Đặt giới hạn tối thiểu/tối đa, ví dụ như Tối thiểu 1, Tối đa 10, để kiểm soát việc tải lên hàng loạt.
Hỏi: Hệ thống hỗ trợ những loại tệp nào?
Tất cả các loại tệp đều được hỗ trợ theo mặc định. Sử dụng hộp kiểm danh mục (Hình ảnh, Tài liệu, v.v.) hoặc phần mở rộng tùy chỉnh để hạn chế các loại cụ thể dựa trên nhu cầu của bạn.
Hỏi: Làm thế nào để giới hạn kích thước tập tin?
Nhập một số vào trường “Kích thước tệp tối đa” (ví dụ: 5 cho 5MB). Giới hạn này áp dụng cho từng tệp, không phải tổng kích thước tải lên. Để trống nếu muốn sử dụng cài đặt mặc định của máy chủ.
Hỏi: Sự khác biệt giữa danh mục và tiện ích mở rộng tùy chỉnh là gì?
Các danh mục là các nhóm được thiết lập sẵn (Hình ảnh = tất cả các loại hình ảnh, Tài liệu = pdf/doc/txt). Các phần mở rộng tùy chỉnh cho phép bạn chỉ định các định dạng chính xác như .svg, .ai, .psd.
Hỏi: Chức năng kéo và thả hoạt động như thế nào?
Kích hoạt tùy chọn “Kéo và Thả” để người dùng có thể kéo tệp từ màn hình máy tính trực tiếp vào khu vực tải lên. Nút “Chọn Tệp” truyền thống vẫn hoạt động bình thường.
Hỏi: Xem trước tập tin là gì?
Khi tùy chọn “Hiển thị bản xem trước tệp” được bật, người dùng sẽ thấy hình thu nhỏ và biểu tượng tệp kèm tên/kích thước cho tất cả các tệp đã chọn trước khi gửi.
Hỏi: Chức năng tự động tải lên làm gì?
Khi bật tùy chọn “Tự động tải lên khi chọn”, tệp sẽ bắt đầu tải lên ngay lập tức khi được chọn, thay vì phải chờ gửi biểu mẫu. Rất hữu ích cho các tệp có dung lượng lớn.
Hỏi: Tôi có thể yêu cầu các loại tệp cụ thể không?
Có. Hãy kiểm tra các danh mục loại tệp và/hoặc nhập phần mở rộng tùy chỉnh, sau đó bật “Trường bắt buộc” để buộc tải lên tệp với các hạn chế đó.
Hỏi: Làm thế nào để chỉ chấp nhận file PDF?
Chọn mục “Tài liệu” nếu bạn muốn tải lên tất cả các loại tài liệu, bao gồm cả PDF, hoặc nhập .pdf vào mục “Định dạng tệp cụ thể” nếu chỉ muốn tải lên tệp PDF.
Hỏi: Điều gì xảy ra nếu tệp tin quá lớn?
Người dùng sẽ thấy ngay thông báo lỗi như “Tệp tin vượt quá giới hạn 5MB”. Họ phải chọn một tệp tin có dung lượng nhỏ hơn trước khi gửi biểu mẫu.
Các tệp đã tải lên có an toàn không?
Đúng vậy. Các tệp được kiểm tra loại và kích thước, được lưu trữ trong thư mục tải lên của WordPress với quyền truy cập phù hợp và tuân thủ các tiêu chuẩn bảo mật của WordPress.
Hỏi: Tôi có thể chấp nhận cả hình ảnh và tài liệu cùng lúc không?
Có. Hãy chọn cả hai mục “Hình ảnh” và “Tài liệu”. Người dùng có thể tải lên bất kỳ sự kết hợp nào giữa hình ảnh và tài liệu.
