JavaScript 는 filereader 인 터 페 이 스 를 통 해 파일 을 읽 습 니 다.

FileReader 인터페이스의 readAsDataURL 방법 을 사용 하여 그림 의 미리 보 기 를 실현 합 니 다.
원본 코드:


<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>  filereader      </title> 
<script type="text/javascript"> 
function readAsDataURL() 
{ 
  if(typeof FileReader=='undifined') //         filereader 
  { 
    result.innerHTML="<p>  ，         FileReader</p>"; 
    return false; 
  } 
  var file=document.getElementById("imagefile").files[0]; 
  if(!/image\/\w+/.test(file.type)) //             
  { 
    alert("          "); 
    return false; 
  } 
  var reader=new FileReader(); 
  reader.readAsDataURL(file); 
  reader.onload=function(e) 
  { 
    var result=document.getElementById("result"); 
    result.innerHTML='<img src="'+this.result+'" alt=""/>' 
  } 
   
} 
</script> 
</head> 
 
<body> 
<p> 
  <label>       ：</label> 
  <input type="file" id="imagefile" /> 
  <input type="button" value="    " onClick="readAsDataURL();" /> 
</p> 
<div name="result" id="result"> 
  <!--           --> 
</div> 
</body> 
</html>

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

셸 순환 변수 역할 범위

더 읽 기 상기 코드 를 쉽게 쓸 수 있 습 니 다. 상기 코드 의 반환 값 은 항상 0 입 니 다.RetVal = 1 이라는 문 구 를 실 행 했 지만 while 순환 이 나 오 자마자 변수 값 이 0 으로 바 뀌...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

JavaScript 는 filereader 인 터 페 이 스 를 통 해 파일 을 읽 습 니 다.

좋은 웹페이지 즐겨찾기