Cách chấp nhận tải lên nhiều tập tin cùng lúc trong biểu mẫu WordPress
Một tập tin không phải lúc nào cũng đủ. Ứng viên xin việc cần nộp cả sơ yếu lý lịch VÀ thư xin việc. Yêu cầu hỗ trợ cần nhiều ảnh chụp màn hình. Yêu cầu dự án cần nhiều hình ảnh tham khảo.
Tải lên nhiều tệp Cho phép người dùng đính kèm nhiều tệp vào một lần gửi biểu mẫu duy nhất — không cần phải gửi tệp đính kèm riêng lẻ qua email nữa.
Trong hướng dẫn này, bạn sẽ học cách cấu hình nhiều tùy chọn tải lên tệp trong biểu mẫu WordPress của mình.
Khi bạn cần tải lên nhiều tập tin
Các trường hợp sử dụng phổ biến
Tuyển dụng
- Sơ yếu lý lịch
- Thư xin việc
- Mẫu danh mục đầu tư
- Chứng nhận:
Phiếu Hỗ Trợ
- Nhiều ảnh chụp màn hình về vấn đề này
- Nhật ký lỗi
- Tệp cấu hình
Yêu cầu bảo hiểm
- Ảnh chụp thiệt hại từ nhiều góc độ khác nhau.
- Báo cáo của cảnh sát
- Tiền thu
Yêu cầu thiết kế
- Hình ảnh tham khảo
- tài sản thương hiệu
- Bản phác thảo hoặc mô hình
Bài dự thi
- Nhiều ảnh cho mỗi mục
- Bộ tác phẩm nghệ thuật
- Đoạn ghi hình
Giới thiệu khách hàng
- Hợp đồng
- Giấy tờ tùy thân
- Đăng ký kinh doanh
- Đơn thuế
Bất động sản
- Ảnh bất động sản
- Mặt bằng tầng
- Báo cáo kiểm tra
Tải lên một tập tin so với tải lên nhiều tập tin
| Tính năng | Tệp đơn | Nhiều tệp |
|---|---|---|
| Số tệp trên mỗi trường | 1 | 2+ |
| Trường hợp sử dụng | Ảnh đại diện, tài liệu đơn | Hồ sơ, bộ tài liệu |
| Lựa chọn người dùng | Nhấp chuột, chọn một | Nhấp chuột, chọn nhiều mục (Ctrl/Cmd + nhấp chuột) |
| Kéo và thả | Xóa một tệp | Kéo thả nhiều tập tin cùng lúc |
| phức tạp | Đơn giản | Yêu cầu giới hạn tối thiểu/tối đa |
Thiết lập tải lên nhiều tập tin
Dưới đây là cách cấu hình tải lên nhiều tập tin cùng lúc với Trình tạo biểu mẫu tự động:
Bước 1: Cài đặt Auto Form Builder
- Đến phần Plugin → Thêm mới
- Tìm kiếm "A.F.B.” (tên viết tắt của Auto Form Builder)
- Tìm thấy "AFB – Auto Form Builder – Công cụ tạo biểu mẫu kéo và thả"
- Nhấp chuột Bây giờ cài đặtthì Kích hoạt
Bước 2: Thêm trường tải lên tập tin
- Tạo hoặc chỉnh sửa biểu mẫu của bạn
- Kéo File Upload trường vào biểu mẫu của bạn
- Nhấp chuột để mở cài đặt trường
Bước 3: Bật nhiều tệp
- Tìm Cho phép nhiều tệp tùy chọn
- Chuyển đổi nó ON
Hiện tại, trường này cho phép chọn nhiều tệp cùng lúc.
Bước 4: Thiết lập giới hạn tệp
Tệp tối thiểu
Yêu cầu số lượng tải lên nhất định:
- Ví dụ: Cần tối thiểu 3 ảnh để tham gia cuộc thi.
- Rời đi lúc 0 mà không cần mức tối thiểu
Số lượng tệp tối đa
Giới hạn số lượng tệp tải lên:
- Ví dụ: Tối đa 10 tập tin để tránh lạm dụng.
- Bảo vệ bộ nhớ máy chủ
- Giúp việc quản lý bài nộp dễ dàng hơn.
Bước 5: Cấu hình các loại tệp
Hãy chỉ định các loại tệp được cho phép:
- hình ảnh: .jpg, .png, .gif, .webp
- Các tài liệu: .pdf, .doc, .docx
- Bảng tính: .xls, .xlsx, .csv
- Lưu trữ: .zip, .rar
Chỉ kích hoạt những tính năng cần thiết cho trường hợp sử dụng cụ thể.
Bước 6: Thiết lập giới hạn kích thước
Xác định kích thước tệp tối đa:
- Theo từng tập tin: Kích thước tối đa cho mỗi tập tin riêng lẻ (ví dụ: 5MB)
- Xem xét: Tổng dung lượng tải lên = số tệp tối đa × giới hạn mỗi tệp
Bước 7: Tùy chỉnh nhãn
- Nhãn trường: “Tải lên tài liệu” hoặc “Đính kèm tệp”
- Nút văn bản: “Chọn tập tin” hoặc “Thêm tập tin”
- Văn bản trợ giúp: “Tải lên tối đa 5 tập tin (PDF, DOC). Mỗi tập tin có dung lượng tối đa 10MB.”
Trải nghiệm người dùng khi tải lên nhiều tệp
Cách người dùng chọn nhiều tệp
Phương pháp nhấp chuột
- Người dùng nhấp vào nút “Chọn tập tin”.
- Trình duyệt tập tin được mở
- Người dùng giữ phím Ctrl (Windows) hoặc Cmd (Mac) và nhấp vào nhiều tệp.
- Hoặc sử dụng tổ hợp phím Shift + chuột để chọn vùng.
- Nhấp chuột để mở
Kéo và thả
- Người dùng chọn nhiều tệp trong trình quản lý tệp của họ.
- Kéo chúng vào khu vực tải lên
- Xóa tất cả các tập tin cùng một lúc
Nhiều lựa chọn
- Người dùng nhấp chuột để thêm lô hàng đầu tiên
- Nhấp chuột lần nữa để thêm tệp khác.
- Các tập tin sẽ được tích lũy cho đến khi đạt giới hạn.
Xem trước tệp
Hiển thị cho người dùng những lựa chọn họ đã chọn:
- Danh sách tên tệp
- Ảnh xem trước dạng thu nhỏ
- Các nút xóa riêng lẻ
- Kích thước tệp
Chỉ báo tiến độ
Đối với các tệp tải lên dung lượng lớn, hãy hiển thị:
- Thanh tiến độ tải lên
- Trạng thái theo từng tệp
- Xác nhận hoàn thành
Thiết lập giới hạn phù hợp
Tệp tối thiểu
| Kịch bản | Mức tối thiểu được đề xuất |
|---|---|
| Tệp đính kèm chung | 0 (không bắt buộc) |
| Cuộc thi ảnh | 1-3 |
| Ảnh chụp hồ sơ yêu cầu bảo hiểm | 2-3 |
| Nộp hồ sơ năng lực | 3-5 |
Số lượng tệp tối đa
| Kịch bản | Mức tối đa được đề xuất |
|---|---|
| Ảnh chụp màn hình hỗ trợ | 5 |
| Hồ sơ xin việc | 5 |
| Gửi ảnh vào thư viện ảnh | 10-20 |
| Tệp dự án | 10 |
| Gói tài liệu | 10-15 |
Giới hạn kích thước tệp
| Loại nội dung | Giới hạn đề xuất cho mỗi tệp |
|---|---|
| Tài liệu (PDF, DOC) | 5-10 MB |
| Hình ảnh (JPG, PNG) | 5-10 MB |
| Ảnh độ phân giải cao | 15-25 MB |
| Videos | 50-100 MB |
| Tệp lưu trữ (ZIP) | 25-50 MB |
Ví dụ về biểu mẫu tải lên nhiều mục
Đơn xin việc
Cấu hình tải lên tập tin:
- Nhãn: “Hồ sơ xin việc”
- Nhiều: Có
- Tối thiểu: 1 (ít nhất là sơ yếu lý lịch)
- tối đa: 5
- Loại tập tin: PDF, DOC, DOCX
- Kích thước tối đa: 5 MB mỗi cái
- Văn bản trợ giúp: “Vui lòng tải lên sơ yếu lý lịch và thư xin việc (dưới dạng PDF hoặc Word). Bạn cũng có thể đính kèm các mẫu作品 của mình.”
Phiếu hỗ trợ
Cấu hình tải lên tập tin:
- Nhãn: “Ảnh chụp màn hình / Tệp đính kèm”
- Nhiều: Có
- Tối thiểu: 0 (không bắt buộc)
- tối đa: 5
- Loại tập tin: Hình ảnh + PDF
- Kích thước tối đa: 10 MB mỗi cái
- Văn bản trợ giúp: “Đính kèm ảnh chụp màn hình hoặc tệp tin giúp giải thích vấn đề (tùy chọn).”
Bài dự thi ảnh
Cấu hình tải lên tập tin:
- Nhãn: “Ảnh dự thi”
- Nhiều: Có
- Tối thiểu: 3
- tối đa: 5
- Loại tập tin: Chỉ định dạng JPG, PNG.
- Kích thước tối đa: 15 MB mỗi cái
- Văn bản trợ giúp: “Vui lòng tải lên 3-5 ảnh có độ phân giải cao. Định dạng JPG hoặc PNG.”
Mẫu đơn yêu cầu bồi thường bảo hiểm
Cấu hình tải lên tập tin:
- Nhãn: “Ảnh và tài liệu về thiệt hại”
- Nhiều: Có
- Tối thiểu: 2
- tối đa: 10
- Loại tập tin: Hình ảnh + PDF
- Kích thước tối đa: 10 MB mỗi cái
- Văn bản trợ giúp: “Vui lòng tải lên ít nhất 2 ảnh chụp thiệt hại từ các góc độ khác nhau. Đính kèm bất kỳ tài liệu liên quan nào.”
Quản lý nhiều lần gửi tệp
Xem các tệp đã tải lên
Trong phần chi tiết nộp hồ sơ, bạn sẽ thấy:
- Danh sách tất cả các tệp đã tải lên
- Tên và kích thước tệp
- Liên kết tải xuống cho từng tệp
- Ảnh thu nhỏ (cho các tệp hình ảnh)
Tải tập tin
- Nhấp vào từng tệp để tải xuống từng tệp một.
- Hoặc tải xuống toàn bộ dưới dạng tệp ZIP (nếu được hỗ trợ).
Trong thông báo qua email
Tùy thuộc vào cấu hình:
- Các tệp đính kèm trong email thông báo
- Hoặc các liên kết để tải xuống tệp
Lưu ý: Tệp tin lớn/nhiều tệp tin có thể vượt quá giới hạn dung lượng tệp đính kèm email. Sử dụng liên kết sẽ an toàn hơn.
Trong xuất CSV
Các trường trong tệp thường được xuất ra dưới dạng:
- URL tệp (liên kết để tải xuống)
- Hoặc đường dẫn tệp trên máy chủ
Các yếu tố cần xem xét về máy chủ
Không gian lưu trữ
Việc tải lên nhiều tập tin cùng lúc sẽ tiêu tốn nhiều dung lượng lưu trữ hơn:
- 10 người dùng × 5 tập tin × 5MB = 250MB mỗi ngày
- Theo dõi mức sử dụng ổ đĩa
- Thực hiện các chính sách dọn dẹp
Giới hạn tải lên
Cài đặt máy chủ có thể hạn chế việc tải lên:
Cài đặt PHP
upload_max_filesize– Kích thước tối đa của một tập tinpost_max_size– Tổng số dữ liệu POST tối đamax_file_uploads– Số lượng tệp tối đa cho mỗi yêu cầu
Cài đặt WordPress
Cài đặt phương tiện cũng có thể giới hạn việc tải lên.
Giới hạn lưu trữ
Dịch vụ lưu trữ chia sẻ thường có các giới hạn nghiêm ngặt hơn so với máy chủ ảo VPS hoặc máy chủ chuyên dụng.
Vấn đề về thời gian chờ
Quá trình tải lên nhiều tập tin dung lượng lớn có thể bị lỗi thời gian chờ:
- Tăng lên
max_execution_timenếu có thể - Hãy sử dụng phương thức tải lên chia nhỏ/bất đồng bộ cho các tệp có dung lượng rất lớn.
- Đặt giới hạn kích thước tệp thực tế
Thực tiễn tốt nhất
1. Đặt kỳ vọng rõ ràng
Hãy thông báo cho người dùng ngay từ đầu:
- Họ có thể tải lên bao nhiêu tập tin?
- Những loại tệp nào được chấp nhận?
- Kích thước tệp tối đa
Ví dụ văn bản trợ giúp:
“Tải lên tối đa 5 tập tin. Các định dạng được chấp nhận: PDF, JPG, PNG. Dung lượng tối đa 10MB mỗi tập tin.”
2. Sử dụng giới hạn thích hợp
- Đừng cho phép tải lên 100 tập tin nếu bạn chỉ cần 5 tập tin.
- Cân bằng nhu cầu người dùng với dung lượng máy chủ.
- Nên ưu tiên các giới hạn hợp lý.
3. Bật chức năng Kéo và Thả
Giúp việc chọn nhiều tập tin dễ dàng hơn nhiều so với thao tác nhấp chuột và giữ phím Ctrl.
4. Hiển thị bản xem trước tệp
Cho phép người dùng xem những gì họ đã tải lên:
- Xác nhận các tệp đã chọn là chính xác.
- Cho phép xóa nhầm tệp
- Giảm lỗi
5. Cung cấp tùy chọn xóa
Người dùng có thể:
- Xóa các tập tin riêng lẻ trước khi gửi.
- Thay thế các tệp sai
- Bắt đầu lại nếu cần
6. Kiểm tra với các tập tin thực tế
Trước khi ra mắt:
- Tải lên các tệp thực tế mà người dùng sẽ gửi
- Kiểm tra ở các giới hạn (số tệp tối đa, kích thước tối đa)
- Xác minh tất cả các tệp đều xuất hiện trong hồ sơ nộp
- Kiểm tra việc xử lý thông báo email
7. Kế hoạch lưu trữ
- Ước tính nhu cầu lưu trữ dựa trên khối lượng dự kiến.
- Thiết lập quy trình dọn dẹp cho các bài nộp cũ.
- Theo dõi mức sử dụng ổ đĩa
Khắc phục sự cố khi tải lên nhiều tệp
Chỉ cho phép tải lên một tập tin duy nhất.
Kiểm tra:
- Tùy chọn nhiều tệp đã được bật trong cài đặt trường.
- Người dùng đang chọn nhiều tệp tin một cách chính xác (Ctrl/Cmd + nhấp chuột)
Quá trình tải lên thất bại giữa chừng
Nguyên nhân có thể:
- Tổng dung lượng vượt quá giới hạn của máy chủ.
- Hết thời gian chờ trong quá trình tải lên
- Một tệp trong lô có kiểu dữ liệu không hợp lệ.
Giải pháp:
- Giảm kích thước tập tin
- Tải lên ít tệp hơn
- Kiểm tra cài đặt thời gian chờ của máy chủ.
Các tệp bị thiếu trong hồ sơ nộp
Kiểm tra:
- Quá trình tải lên đã hoàn tất trước khi gửi biểu mẫu.
- Máy chủ không bị hết thời gian chờ
- Tệp tin nằm trong giới hạn kích thước/loại.
Không thể tải xuống các tệp đã tải lên
Kiểm tra:
- Các tệp tin hiện có trên máy chủ.
- Sửa quyền truy cập tệp
- Đường dẫn tệp trong cơ sở dữ liệu là chính xác.
Cân nhắc về Bảo mật
Xác thực loại tệp
- Luôn giới hạn các loại tệp chỉ ở mức cần thiết.
- Không cho phép các tệp thực thi (.exe, .php, .js)
- Xác thực cả ở phía máy khách và máy chủ.
Khu vực lưu trữ
- Các tệp tin nên được lưu trữ trong các thư mục được bảo vệ.
- Không thể truy cập trực tiếp thông qua việc đoán URL.
- Hãy cân nhắc việc thiết lập quyền truy cập đối với các tài liệu nhạy cảm.
Quét phần mềm độc hại
Dành cho các ứng dụng có độ bảo mật cao:
- Quét các tệp đã tải lên để tìm phần mềm độc hại.
- Cách ly các tập tin đáng ngờ
- Sử dụng các plugin bảo mật
Câu Hỏi Thường Gặp
Người dùng có thể tải lên bao nhiêu tệp cùng một lúc?
Bạn có thể điều chỉnh điều này bằng cài đặt số lượng tệp tối đa. Cài đặt máy chủ (max_file_uploads) cũng đặt ra giới hạn—thường là 20 theo mặc định.
Người dùng có thể thêm tệp sau khi đã chọn tệp ban đầu không?
Đúng vậy, hầu hết các hệ thống đều cho phép nhấp chuột thêm lần nữa để thêm tệp tin cho đến khi đạt đến giới hạn.
Điều gì sẽ xảy ra nếu một tập tin không vượt qua được quá trình xác thực?
Thông thường, tệp không hợp lệ sẽ bị từ chối kèm theo thông báo lỗi, nhưng các tệp hợp lệ vẫn có thể được chấp nhận. Hành vi này có thể khác nhau tùy thuộc vào cách triển khai.
Tôi có thể yêu cầu tối thiểu X tập tin không?
Vâng, hãy thiết lập tùy chọn số lượng tệp tối thiểu. Người dùng không thể gửi bài cho đến khi tải lên ít nhất số lượng tệp đó.
Việc có nhiều tập tin có tính vào dung lượng lưu trữ của máy chủ không?
Đúng vậy, tất cả các tệp được tải lên đều tiêu tốn dung lượng lưu trữ của máy chủ. Hãy theo dõi mức sử dụng và thực hiện các chính sách dọn dẹp.
Tổng kết
Cấu hình tải lên nhiều tập tin:
- Cho phép nhiều tệp trong cài đặt trường tải lên tệp
- Đặt số lượng tệp tối thiểu nếu cần một số lượng nhất định
- Đặt số lượng tệp tối đa để ngăn chặn lạm dụng và quản lý lưu trữ
- Cấu hình các loại tệp – Chỉ cho phép những gì bạn cần
- Đặt giới hạn kích thước phù hợp với loại nội dung
- Thêm văn bản trợ giúp rõ ràng giải thích các giới hạn cho người dùng
- Bật kéo và thả để có trải nghiệm người dùng tốt hơn
- Kiểm tra kỹ lưỡng trước khi ra mắt
Kết luận
Tính năng tải lên nhiều tệp cùng lúc biến biểu mẫu của bạn từ việc thu thập dữ liệu đơn giản thành việc thu thập tài liệu toàn diện. Đơn xin việc, phiếu hỗ trợ, yêu cầu bảo hiểm—bất kỳ trường hợp nào mà một tệp không đủ.
Trình tạo biểu mẫu tự động Giúp việc cấu hình tải lên nhiều tập tin trở nên dễ dàng. Kích hoạt tùy chọn, đặt giới hạn, chọn loại tập tin được cho phép và bạn đã sẵn sàng chấp nhận các gói tài liệu, bộ ảnh và các bài gửi nhiều tập tin.
Bạn đã sẵn sàng chấp nhận nhiều tệp tin chưa? Tải xuống Auto Form Builder và thiết lập tải lên nhiều tập tin cùng lúc ngay hôm nay.