Thuộc tính giá trị FileUpload đầu vào HTML DOM trả về nội dung của thuộc tính giá trị của nút đầu vào tải lên tệp.
Cú pháp
Sau đây là cú pháp -
object.value
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính giá trị FileUpload đầu vào -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM name Property</title>
<style>
body{
background-color:#397367;
color:#fff;
padding:20px;
}
.btn{
display:block;
background-color:#22223B;
color:#fff;
border:none;
padding:0.5rem;
border-radius:50px;
width:80%;
margin:10px;
}
.show-value{
font-weight:bold;
font-size:1.4rem;
color:#fff;
}
</style>
</head>
<body>
<h1>FileUpload value Property Example</h1>
<p>Please Select a File!</p>
<input type="file">
<button onclick="getValue()" class="btn">Get File Upload Button Value</button>
<div class="show-value"></div>
<script>
function getValue() {
var chooseFileBtn= document.querySelector("input");
document.querySelector(".show-value").innerHTML ="Value = " + chooseFileBtn.value;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Lấy giá trị nút tải lên tệp ”Để lấy nội dung thuộc tính value của nút tải lên tệp đầu vào.
