欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript通過(guò)filereader接口讀取文件

 更新時(shí)間：2017年05月10日 11:19:22   作者：三明自  
這篇文章主要為大家詳細(xì)介紹了通過(guò)filereader接口讀取文件，使用readAsDataURL方法預(yù)覽圖片的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

使用FileReader接口的readAsDataURL方法實(shí)現(xiàn)圖片的預(yù)覽。

源代碼：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>通過(guò)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("請(qǐng)確保文件為圖像文件"); 
    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>請(qǐng)選擇一個(gè)文件：</label> 
  <input type="file" id="imagefile" /> 
  <input type="button" value="讀取圖像" onClick="readAsDataURL();" /> 
</p> 
<div name="result" id="result"> 
  <!-- 這里用來(lái)顯示圖片結(jié)果--> 
</div> 
</body> 
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論