Làm cách nào để tôi có được phần mở rộng tệp để tải lên?

Với Biểu mẫu tải tệp lên, bạn có thể dễ dàng tạo biểu mẫu web cho phép bất kỳ ai tải tệp lên Google Drive của bạn. Các tệp được tải lên qua Trình chọn tệp của Google và được gửi thẳng đến một thư mục trong Google Drive của bạn

Theo mặc định, các trường tải lên tệp sẽ cho phép người dùng tải lên các tệp của bất kỳ tiện ích mở rộng nào. Tuy nhiên, nếu bạn muốn hạn chế người dùng chỉ tải lên các tệp thuộc loại đã chọn, bạn có thể dễ dàng định cấu hình điều đó thông qua cài đặt biểu mẫu

Làm cách nào để tôi có được phần mở rộng tệp để tải lên?

Thay đổi loại tệp được phép

Mở Trình thiết kế biểu mẫu của bạn và thêm hoặc chỉnh sửa trường biểu mẫu cho phép tải tệp lên. Giá trị mặc định là `BẤT KỲ nghĩa là người trả lời biểu mẫu có thể tải lên các tệp của bất kỳ tiện ích mở rộng nào thông qua biểu mẫu

Tuy nhiên, bạn có thể thêm một hoặc nhiều loại trong trường File Types để chỉ cho phép những loại này trong trường tải lên

Bạn cũng có thể chỉ định nhiều loại tệp trong trường. Chẳng hạn, IMAGE,AUDIO,VIDEO sẽ cho phép người dùng chỉ tải lên các tệp hình ảnh, âm thanh và video trong khi WORD,PDF sẽ hạn chế người dùng đối với các tài liệu PDF và Microsoft Word

Nếu bạn muốn loại bỏ hạn chế xung quanh phần mở rộng tệp, hãy để trống trường File Types hoặc đặt ANY để chấp nhận mọi loại tệp

Phần mở rộng tệp rất hữu ích để xác thực và tải lên. Bạn có thể dễ dàng lấy phần mở rộng từ tên tệp hoặc vị trí tệp bằng PHP. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn hai cách đơn giản để lấy phần mở rộng tệp trong PHP

Chức năng PHP tùy chỉnh

Hàm get_file_extension() trả về phần mở rộng của tệp bằng cách sử dụng substr()strrchr() trong PHP

Nhận tiện ích mở rộng tệp đã tải lên trong Javascript. Trong một ứng dụng web, chúng tôi sử dụng thẻ biểu mẫu để lưu đầu vào của người dùng. Thẻ biểu mẫu chính chứa hộp văn bản, vùng văn bản và tệp đầu vào. i. e (tải tệp lên), v.v. Mặc dù dữ liệu nhập vào người dùng có thể tải lên bất kỳ định dạng tệp nào, vì vậy chúng tôi cần xác thực nó ở phía máy khách cũng như phía máy chủ. Chúng tôi với tư cách là nhà phát triển biết phần mở rộng tệp hoặc loại tệp nào sẽ được tải lên trên trang web tương ứng. Vì vậy, ở đây trong bài viết này sẽ tìm hiểu cách lấy phần mở rộng tệp đã tải lên trong javascript

Đối với điều đó, cần phải xác thực tệp và để làm được điều đó, chúng tôi cần biết phần mở rộng của tệp đã tải lên i. e liệu chúng tôi chỉ muốn tải lên tệp jpg hay tệp excel hay tệp CSV hay bất kỳ tệp có định dạng tiện ích mở rộng cụ thể nào khác. Ở đây trong bài viết này, chúng ta sẽ tìm hiểu cách lấy phần mở rộng tệp trong JavaScript (phía máy khách), để chúng ta có thể xác thực nó

Chúng tôi đang sử dụng 2 cách tiếp cận khác nhau để đạt được nó

Hai cách để có được phần mở rộng tập tin

  1. Sử dụng Regex để lấy loại tệp
  2. Sử dụng phương pháp tách và bật để lấy loại tệp

Đánh dấu HTML

Ở đây, chúng tôi đã thêm thẻ biểu mẫu, với thẻ nút và điều khiển tải tệp lên. Khi nhấp vào nút, chúng tôi gọi phương thức getFileExtention, phương thức này đưa ra thông báo cảnh báo và hiển thị phần mở rộng của tệp đã tải lên

Mã trông giống như được viết dưới đây

 
 
 Get Extension

Phương pháp 1. Sử dụng regex để lấy phần mở rộng tệp

Ở đây chúng tôi có giá trị regex cung cấp cho chúng tôi phần mở rộng tệp. Regex này hữu ích để trích xuất phần mở rộng tệp từ URL, ngay cả khi URL chứa ?foo=123 chuỗi truy vấn hoặc giá trị #hash

Mã JavaScript

 function fnGetExtension() {
 //Get the file input element by its id 
 var fileInput = document.getElementById('myFile');
 //Get the file name
 var fileName = fileInput.files[0].name;

// Regular expression for file extension.
 var patternFileExtension = /\.([0-9a-z]+)(?:[\?#]|$)/i;

//Get the file Extension 
 var fileExtension = (fileName).match(patternFileExtension);
 alert(fileExtension);
}

Phương pháp 2. Sử dụng phương pháp tách và bật để lấy loại tệp

Ở đây, chúng tôi sử dụng phương thức split()  và sử dụng dấu chấm (. )  làm dấu phân cách và với phương thức pop() chúng ta có phần mở rộng

Mã JavaScript. Hiển thị phần mở rộng tệp bằng cách sử dụng phương pháp JS tích hợp sẵn và bật

function fnGetExtension() {
 //Get the file input element by its id 
 var fileInput = document.getElementById('myFile');
 //Get the file name
 var fileName = fileInput.files[0].name;
 //Get the file Extension 
 var fileExtension = fileName.split('.').pop();
 alert(fileExtension);
}

Phần kết luận. Ở đây chúng tôi đã giải thích cách nhận phần mở rộng tệp có và không sử dụng cụm từ thông dụng trong JavaScript. Điều này có thể được sử dụng thêm để xác thực trong khi tải tệp lên

Cảm ơn bạn đã đọc, vui lòng tiếp tục truy cập blog này và chia sẻ điều này trong mạng của bạn. Ngoài ra, tôi rất thích nghe ý kiến ​​​​của bạn trong phần bình luận

Người dùng thường hỏi loại tệp nào được hỗ trợ trong phần tử Tải tệp lên. Phần mở rộng tệp mặc định mà Jotform chấp nhận là

  • PDF
  • TÀI LIỆU
  • DOCX
  • XLS
  • XLSX
  • CSV
  • TXT
  • RTF
  • HTML
  • ZIP
  • MP3
  • WMA
  • MPG
  • FLV
  • AVI
  • JPG
  • JPEG
  • PNG
  • GIF

Nhưng bạn có thể thêm hoặc bớt các loại tệp bất cứ khi nào bạn muốn. Xem video hoặc xem phần còn lại của hướng dẫn sử dụng này để tìm hiểu thêm

Tệp mở rộng ở đâu?

Phần mở rộng tệp là một mã định danh gồm ba hoặc bốn chữ cái được tìm thấy ở cuối tên tệp và sau dấu chấm .

Phần mở rộng tệp chính xác cho tệp là gì?

Phần mở rộng là viết tắt gồm ba hoặc bốn chữ cái biểu thị loại tệp . Chẳng hạn, trong thư. docx tên tệp là chữ cái và phần mở rộng là docx. Tiện ích mở rộng rất quan trọng vì chúng cho máy tính của bạn biết nên sử dụng biểu tượng nào cho tệp và ứng dụng nào có thể mở tệp.

Làm cách nào để thay đổi phần mở rộng tệp?

Bạn cũng có thể thực hiện bằng cách nhấp chuột phải vào tệp chưa mở và nhấp vào tùy chọn “Đổi tên” . Chỉ cần thay đổi phần mở rộng thành bất kỳ định dạng tệp nào bạn muốn và máy tính của bạn sẽ thực hiện công việc chuyển đổi cho bạn.