Xác thực dữ liệu là một phần thiết yếu của bất kỳ ứng dụng web nào vì nó giúp đảm bảo rằng dữ liệu được tải lên phù hợp với các yêu cầu nhất định do nhà phát triển áp đặt. Dữ liệu có thể được xác thực ở cả phía máy chủ và máy khách nhưng quá trình xác thực phía máy khách thường tiết kiệm thời gian của người dùng và chứng tỏ trải nghiệm người dùng đẹp hơn, mượt mà hơn. Xác thực dữ liệu phía máy khách có thể được thực hiện dễ dàng và tốn ít thời gian hơn Show Trong hướng dẫn cách thực hiện này, chúng ta sẽ thực hiện quy trình tạo biểu mẫu bằng HTML, JavaScript/jQuery để xác thực tệp có kích thước như khi nó được tải lên. Lợi ích của việc xác thực này là chúng tôi có thể hạn chế người dùng chỉ tải lên một kích thước tệp nhất định và đảm bảo rằng họ tuân thủ nghiêm ngặt các yêu cầu của chúng tôi. Nếu tệp có kích thước sai, chúng tôi có thể nhắc thông báo cho người dùng mà không cần tải tệp lên máy chủ giúp tiết kiệm thời gian quý báu Tạo trang webĐầu tiên, chúng ta sẽ tạo một trang web HTML đơn giản <. DOCTYPE html><html . 10px; . center;"> < . 95px;"/> <brDOCTYPE html>  Hiểu Quy tắc. In the body of the webpage, we have simply used a , , The Xác định hàm JavaScript sizeValidation()Bây giờ, hãy viết mã JavaScript xác định hàm sizeValidation() < tập lệnh > Inside the body of the sizeValidation() function we first get the tag and then use the var file = inputElement.files; line so we can get access to the file being uploaded. Then we check if a file has been uploaded, if not, we will prompt an error message and get out of the function by returning false. Sau đó, chúng tôi sử dụng một số toán học để xác định kích thước của tệp. Nếu tệp có kích thước phù hợp tôi. e. , 5MB (trong trường hợp này), nó được tải lên Nếu không, một cửa sổ bật lên chứa thông báo lỗi sẽ hiển thị Phần kết luậnMặc dù xác thực phía máy khách hiệu quả hơn rất nhiều nhưng nó vẫn không thể thay thế cho xác thực phía máy chủ và có thể bị phá vỡ trong hầu hết các trường hợp. Thực tiễn tốt nhất luôn là triển khai xác thực cả phía máy chủ và phía máy khách để bạn có thể đảm bảo cả hiệu quả và độ chính xác của ứng dụng của mình Làm cách nào để tính kích thước tệp trong MB JavaScript?tệp[0]. kích thước; . sàn(totalBytes/1000) + 'KB'; . var _size = Math. sàn(totalBytes/1000000) + 'MB';
Làm cách nào để kiểm tra kích thước tệp trong JavaScript?Cách tiếp cận 1. . Lắng nghe sự kiện thay đổi trên đầu vào Kiểm tra xem có tệp nào là tệp được chọn không. chiều dài > 0 Lấy kích thước của tệp theo tệp. mục (i). kích thước Giá trị sẽ được tính bằng byte. Chuyển đổi nó thành bất kỳ đơn vị nào bạn muốn, Megabyte trong trường hợp này bằng Toán học. . Kiểm tra xem kích thước có tuân theo tiêu chí mong muốn của bạn không Đơn vị nào là kích thước tệp trong JavaScript?Tệp. thuộc tính tên là một chức năng sẵn có của tệp WebAPI cung cấp kích thước của tệp tính bằng byte .
Làm thế nào để có được kích thước tập tin trong mb góc?Kiểm tra Kích thước tệp trước khi tải lên trong thành phần Trình tải lên góc. Bằng cách sử dụng sự kiện tải lên, bạn có thể lấy kích thước tệp trước khi tải nó lên máy chủ. Đối tượng tệp chỉ chứa kích thước tệp theo byte. Bạn có thể chuyển đổi kích thước sang định dạng tiêu chuẩn ( KB hoặc MB ) bằng cách sử dụng phương thức bytesToSize . |
