Làm cách nào để hạn chế loại tệp tải lên trong html?

Bài viết này sẽ hướng dẫn bạn cách hạn chế tải lên các loại tệp đã chọn thông qua DataPages dựa trên phần mở rộng tên tệp của chúng như GIF, PDF, JPEG, v.v.  

bước

1. Tạo trường có kiểu dữ liệu Tệp hoặc đảm bảo rằng trường Tệp đã tồn tại trong bảng bạn muốn sử dụng
   
2. Chỉnh sửa Trang dữ liệu biểu mẫu gửi của bạn có chứa trường Tệp
3. Thêm Đầu trang và Chân trang trong màn hình Cấu hình Trường của trình hướng dẫn DataPage
4. Tắt Trình chỉnh sửa HTML trong phần Chân trang
5. Sao chép và dán mã JavaScript sau vào phần Chân trang.

6. Thay thế FIELDNAME trong mã JavaScript bằng tên trường Tệp trong Bảng của bạn. Ví dụ: nếu tên của trường tệp là Profile_Picture, thì tên đó phải là InsertRecordProfile_Picture
7. Thêm hoặc xóa phần mở rộng tệp trong mảng tiện ích mở rộng trong mã JavaScript để thêm hoặc xóa hỗ trợ cho các phần mở rộng tệp bổ sung
8. Thay đổi thông báo lỗi cảnh báo thành thông báo mong muốn của bạn trong mã JavaScript
9. Lưu trang dữ liệu

Ghi chú. Bạn có thể áp dụng JavaScript trong biểu mẫu cập nhật bằng cách làm theo các bước ở trên và thay đổi InsertRecord thành EditRecord trong mã JavaScript

Ghi chú. Bài viết này sử dụng các giải pháp HTML, JavaScript hoặc bên thứ ba bên ngoài để thêm chức năng bên ngoài bộ tính năng tiêu chuẩn của Caspio. Các giải pháp này được cung cấp "nguyên trạng" mà không có bảo hành, hỗ trợ hoặc bảo đảm. Mã trong bài viết này được cung cấp dưới dạng mẫu để hỗ trợ bạn tùy chỉnh các ứng dụng web của mình. Bạn có thể cần hiểu biết cơ bản về HTML và JavaScript để triển khai thành công

Trong bài đăng này, chúng tôi sẽ xem xét cách giải quyết vấn đề Góc hạn chế loại tệp tải lên bằng cách sử dụng các ví dụ từ ngôn ngữ lập trình

This can be done by 

eg:

Có rất nhiều ví dụ trong thế giới thực cho thấy cách khắc phục sự cố Góc giới hạn loại tệp tải lên

Làm cách nào để hạn chế kích thước tệp trong khi tải lên ở góc?

Bạn có thể hạn chế kích thước tệp tối đa được phép (tính bằng byte) bằng cách sử dụng thuộc tính maxFileSize. Nếu tệp đã chọn vượt quá kích thước tối đa, thông báo lỗi sẽ được hiển thị

Chào mừng bạn đến với hướng dẫn nhanh về cách hạn chế loại tệp tải lên trong PHP. Vì vậy, bạn có một dự án cho phép người dùng tải tệp của họ lên, nhưng chỉ muốn cho phép một số phần mở rộng tệp nhất định?

Để hạn chế các loại tệp tải lên trong PHP

1. Chúng ta có thể đặt thuộc tính

   This can be done by 
   
   eg:
   

   0 trong trường nhập tệp HTML

   • This can be done by 
     
     eg:
     

     1

   • This can be done by 
     
     eg:
     

     2
2. Sau đó lưu tệp đã tải lên bằng PHP, chỉ khi đó là loại tệp được phép

   • This can be done by 
     
     eg:
     

     3

   • This can be done by 
     
     eg:
     

     4

   • This can be done by 
     
     eg:
     

     5

Điều đó bao gồm những điều cơ bản nhanh chóng, nhưng hãy đọc tiếp để biết thêm các ví dụ chi tiết

ⓘ Tôi đã bao gồm một tệp zip chứa tất cả mã nguồn khi bắt đầu hướng dẫn này, vì vậy bạn không cần phải sao chép-dán mọi thứ… Hoặc nếu bạn chỉ muốn đi sâu vào

 

 

TLDR – TRANG TRÌNH BÀY NHANH

Tải xuống & Ghi chú

Tải lên bị hạn chế PHP

Bit bổ sung & liên kết

Kết thúc

 

TẢI XUỐNG & LƯU Ý

Đầu tiên, đây là liên kết tải xuống mã ví dụ như đã hứa

 

GHI CHÚ NHANH

Nếu bạn phát hiện ra một lỗi, hãy bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với cả thế giới… Nếu bạn cần câu trả lời gấp, vui lòng xem danh sách các trang web của tôi để được trợ giúp về lập trình

 

MÃ VÍ DỤ TẢI XUỐNG

Nhấp vào đây để tải xuống tất cả mã nguồn ví dụ, tôi đã phát hành nó theo giấy phép MIT, vì vậy hãy thoải mái xây dựng trên mã nguồn đó hoặc sử dụng nó trong dự án của riêng bạn

 

 

HẠN CHẾ LOẠI TẬP TIN TẢI LÊN

Được rồi, bây giờ chúng ta hãy đi vào các ví dụ về cách hạn chế loại tệp tải lên trong PHP

 

VÍ DỤ 1) HẠN CHẾ THEO PHẦN MỞ RỘNG TỆP

1A) MẪU TẢI LÊN HTML

1a-phần mở rộng. html

Như trong phần giới thiệu, chúng ta chỉ phải đặt thuộc tính

This can be done by 

eg:

0 trong trường nhập tệp. Nhưng hãy lưu ý cách chúng tôi xác định giới hạn tệp ở đây –

1. Vâng, đó là danh sách các phần mở rộng tệp, được phân tách bằng dấu phẩy

 

1B) TRÌNH XỬ LÝ TẢI LÊN PHP

1b-phần mở rộng. php

Đoạn mã này sẽ khá đơn giản

1. Nếu tệp không được tải lên, chúng tôi sẽ hiển thị thông báo lỗi
2. Xác định danh sách các phần mở rộng tệp được chấp nhận trong
   2 và “trích xuất” phần mở rộng tệp đã tải lên từ
   3
3. Lưu tệp tải lên, chỉ khi đó là phần mở rộng tệp được chấp nhận

Đó là tất cả. Nhưng một số bạn có thể đang nghĩ “điều này thật ngớ ngẩn”, “chúng tôi đã đặt giới hạn trong HTML rồi” và “điều này là không cần thiết”. Ồ không. Bất kỳ ai biết cách làm việc với bảng điều khiển của nhà phát triển đều có thể dễ dàng thay đổi HTML. Vẫn cần kiểm tra PHP phía máy chủ

 

 

VÍ DỤ 2) HẠN CHẾ THEO KIỂU MIME

2A) MẪU TẢI LÊN HTML

kịch câm 2a. html

Không cần tìm đâu xa, đây cũng “chỉ là một biểu mẫu tải lên HTML”, nhưng hãy lưu ý sự khác biệt ở đây –

4. Có, hiện tại chúng tôi đang hạn chế theo loại tệp MIME tại đây. Tôi sẽ không làm bạn rơi nước mắt, tôi sẽ chỉ để lại một liên kết bên dưới nếu bạn muốn tìm hiểu thêm về các loại MIME

 

2B) TRÌNH XỬ LÝ TẢI LÊN PHP

kịch câm 2b. php

Không cần tìm đâu xa nữa, điều này gần giống với ví dụ trước. Ngoại trừ việc chúng tôi đang kiểm tra loại tệp MIME đã tải lên thay vì phần mở rộng tệp hiện tại

 

 

BIT BỔ SUNG & LIÊN KẾT

Đó là tất cả những gì dành cho hướng dẫn và đây là một phần nhỏ về một số tính năng bổ sung và liên kết có thể hữu ích cho bạn

 

CÁI NÀO TỐT HƠN?

Cả hai đều hoạt động. Nhưng nếu phải chọn, tôi sẽ nói rằng kiểu MIME “an toàn hơn”. Theo nghĩa là phần mở rộng tệp có thể dễ dàng thay đổi, nhưng loại MIME thì vòng vo hơn. Dù bằng cách nào, bạn có thể áp dụng kiểm tra đối với cả phần mở rộng tệp và loại MIME… Nếu bạn thực sự muốn đi xa đến thế

 

LIÊN KẾT và THAM KHẢO

• Các loại MIME – MDN
• Tải lên tệp đơn giản – Code Boxx
• Cách tải lên các tệp lớn trong PHP – Code Boxx
• Tải tệp lên bằng cách kéo và thả – Code Boxx
• Hạn chế kích thước tệp tải lên – Code Boxx

 

BẢNG CHEAT INFOGRAPHIC

Cảm ơn bạn đã đọc, và chúng tôi đã đi đến cuối. Tôi hy vọng rằng nó đã giúp bạn hiểu rõ hơn và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, vui lòng bình luận bên dưới. Chúc may mắn và mã hóa hạnh phúc