Đối tượng FileUpload đầu vào HTML DOM đại diện cho
Hãy xem cách tạo đối tượng FileUpload đầu vào -
Cú pháp
Sau đây là cú pháp -
var fileUploadBtn = document.createElement(“INPUT”); fileUploadBtn.setAttribute(“type”,”file”);
Thuộc tính
Sau đây là các thuộc tính của đối tượng tải lên tệp tin DOM đầu vào HTML -
| Thuộc tính | Giải thích |
|---|---|
| chấp nhận | Nó trả về và sửa đổi giá trị của thuộc tính accept của nút tải lên tệp đầu vào. |
| tự động lấy nét | Nó trả về và sửa đổi xem liệu nút tải lên tệp đầu vào có tự động được lấy tiêu điểm hay không khi tải trang. |
| bị vô hiệu hóa | Nó trả về và sửa đổi giá trị mặc định của nút tải lên tệp đầu vào. |
| defaultValue | Nó trả về và sửa đổi giá trị của thuộc tính accept của nút tải lên tệp đầu vào. |
| tệp | Nó trả về một đối tượng danh sách lọc tham chiếu đến tất cả các tệp được chọn bằng nút tải lên tệp đầu vào. |
| biểu mẫu | Nó trả về tham chiếu của biểu mẫu bao gồm nút đầu vào tải lên tệp. |
| nhiều | Nó trả về và sửa đổi xem người dùng có thể chọn nhiều tệp hay không. |
| tên | Nó trả về và sửa đổi giá trị của thuộc tính name của nút tải lên tệp đầu vào. |
| bắt buộc | Nó trả về và sửa đổi giá trị của thuộc tính bắt buộc của nút tải lên tệp đầu vào. |
| | Nó trả về và sửa đổi giá trị của thuộc tính type của nút tải lên tệp đầu vào. |
| | Nó trả về và sửa đổi nội dung của thuộc tính giá trị của nút tải lên tệp đầu vào. |
Ví dụ
Hãy để chúng tôi xem một ví dụ về đối tượng tải lên tệp đầu vào HTML DOM -
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
}
.btn{
background-color:lightblue;
border:none;
height:2rem;
border-radius:50px;
width:60%;
margin:1rem auto;
display:block;
}
</style>
</head>
<body>
<h1>DOM Fileupload Object Example</h1>
<button onclick="createFileBtn()" class="btn">Click me to create an input file upload button</button>
<script>
function createFileBtn() {
var fileUploadBtn = document.createElement("INPUT");
fileUploadBtn.setAttribute("type", "file");
document.body.appendChild(fileUploadBtn);
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ xanh lam ”Để tạo nút tải tệp lên.
