HTML DOM Input FileUpload accept Property

Thuộc tính chấp nhận FileUpload của HTML DOM Input trả về một chuỗi, là giá trị của thuộc tính accept của FileUpload. Người dùng cũng có thể đặt nó thành một giá trị mới.

Cú pháp

Sau đây là cú pháp -

Giá trị chuỗi trả về

inputFileUploadObject.accept

Đặt thuộc tính giá trị thành chuỗi giá trị

inputFileUploadObject.accept = value

Ví dụ

Hãy để chúng tôi xem ví dụ về Chấp nhận tải tệp tin đầu vào tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input FileUpload accept</title>  
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"]{
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>FileUpload-accept</legend>
<label for="FileSelect">Upload:
<input type="file" id="FileSelect">
</label><br>
<input type="button" onclick="fileAccept('Audio')" value="Audio">
<input type="button" onclick="fileAccept('Image')" value="Image"><br>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputFile = document.getElementById("FileSelect");
   divDisplay.textContent = 'All Files Accepted';
   function fileAccept(fileType) {
      if(fileType === 'Audio'){
         inputFile.accept = 'audio/*';
         divDisplay.textContent = 'Only '+inputFile.accept+' Files';
      } else {
         inputFile.accept = 'image/*';
         divDisplay.textContent = 'Only '+inputFile.accept+' Files';
      }
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Sau khi nhấp vào ‘Âm thanh’ nút -

HTML DOM Input FileUpload accept Property

Sau khi nhấp vào ‘Hình ảnh’ nút -

HTML DOM Input FileUpload accept Property