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

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

  1. Đến phần Plugin → Thêm mới
  2. Tìm kiếm "A.F.B.” (tên viết tắt của Auto Form Builder)
  3. Tìm thấy "AFB – Auto Form Builder – Công cụ tạo biểu mẫu kéo và thả"
  4. 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

  1. Tạo hoặc chỉnh sửa biểu mẫu của bạn
  2. Kéo File Upload trường vào biểu mẫu của bạn
  3. Nhấp chuột để mở cài đặt trường

Bước 3: Bật nhiều tệp

  1. Tìm Cho phép nhiều tệp tùy chọn
  2. 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

  1. Người dùng nhấp vào nút “Chọn tập tin”.
  2. Trình duyệt tập tin được mở
  3. Người dùng giữ phím Ctrl (Windows) hoặc Cmd (Mac) và nhấp vào nhiều tệp.
  4. Hoặc sử dụng tổ hợp phím Shift + chuột để chọn vùng.
  5. Nhấp chuột để mở

Kéo và thả

  1. Người dùng chọn nhiều tệp trong trình quản lý tệp của họ.
  2. Kéo chúng vào khu vực tải lên
  3. Xóa tất cả các tập tin cùng một lúc

Nhiều lựa chọn

  1. Người dùng nhấp chuột để thêm lô hàng đầu tiên
  2. Nhấp chuột lần nữa để thêm tệp khác.
  3. 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:
  • 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:
  • 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:
  • 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:
  • 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 tin
  • post_max_size – Tổng số dữ liệu POST tối đa
  • max_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_time nế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:

  1. Cho phép nhiều tệp trong cài đặt trường tải lên tệp
  2. Đặt số lượng tệp tối thiểu nếu cần một số lượng nhất định
  3. Đặt số lượng tệp tối đa để ngăn chặn lạm dụng và quản lý lưu trữ
  4. Cấu hình các loại tệp – Chỉ cho phép những gì bạn cần
  5. Đặt giới hạn kích thước phù hợp với loại nội dung
  6. 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
  7. Bật kéo và thả để có trải nghiệm người dùng tốt hơn
  8. 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.

Bình luận

Chúng tôi sẽ không công khai email của bạn. Các ô đánh dấu * là bắt buộc *