업로드 컨트롤(<input type="file"/>)은 클라이언트에서 파일을 찾아 업로드하는 데 사용됩니다. 사용자가 선택한 경로는 value 속성으로 얻을 수 있지만 value 속성은 읽기 전용이므로 얻을 수 없습니다. javascript를 통해 할당되므로 value="" 문을 통해 지울 수 없습니다. 읽기 전용인 이유를 쉽게 이해할 수 있습니다. 값을 마음대로 할당할 수 있다면 사용자가 웹 페이지를 여는 한 원하는 대로 컴퓨터에 파일을 업로드할 수 있습니다.
js는 <intput type=file /> 값을 얻습니다.
다음과 같이 코드 코드를 복사합니다.
<html>
<스크립트 언어='javascript'>
함수 표시(){
var p=document.getElementById("file1").value;
document.getElementById("s").innerHTML="<input id=pic type=이미지 높이=96 너비=128 /> ";
document.getElementById("pic").src=p;
경고(p);
}
</script>
<머리>
<title>MyHtml.html</title>
</head>
<본문>
<input type="file" name="file1" id="file1" onpropertychange="show();"
<span id="s"></span>
</body>
</html>
업로드 컨트롤(<input type="file"/>) 값을 지우는 두 가지 방법
방법 1:
다음과 같이 코드 코드를 복사합니다.
<스팬 ID=스팬1>
<입력 이름=ab 유형=파일>
</span>
<입력 이름=버튼1 유형=버튼 값="누르기" onclick=show()>
<스크립트 언어=자바스크립트>
함수 표시()
{
document.getElementById("span1").innerHTML="<입력 이름=ab 유형=파일>";
}
</script>
방법 2:
다음과 같이 코드 코드를 복사합니다.
함수clearFileInput(파일){
var form=document.createElement('form');
document.body.appendChild(form);
//이전 형식의 파일 위치를 기억합니다.
var pos=file.nextSibling;
form.appendChild(파일);
form.reset();
pos.parentNode.insertBefore(file,pos);
document.body.removeChild(form);
}