input的檔案上傳類型判斷

標籤：eof   網址   上傳   alert   本地   listen   ntb   ==   attr   

參考網址：

  http://www.helloweba.com/view-blog-224.html

 

 

<p>    <label>請選擇一個影像檔：</label>    <input type="file" id="file_input" /> </p>  <div id="result"></div> 

　　

var result = document.getElementById("result"); var input = document.getElementById("file_input");  if(typeof FileReader===‘undefined‘){     result.innerHTML = "抱歉，你的瀏覽器不支援 FileReader";     input.setAttribute(‘disabled‘,‘disabled‘); }else{     input.addEventListener(‘change‘,readFile,false); } function readFile(){     var file = this.files[0];     if(!/image\/\w+/.test(file.type)){         alert("檔案必須為圖片！");         return false;     }     var reader = new FileReader();     reader.readAsDataURL(file);     reader.onload = function(e){         result.innerHTML = ‘<img src="‘+this.result+‘" />‘     } } 

 擷取檔案的類型，名稱，上傳時間，移到本地的時間：

// var oDate=file.lastModifiedDate; //擷取移到本地的時間


var oDate=new Date();
var sDate=oDate.getFullYear()+‘-‘+(oDate.getMonth()+1)+‘-‘+oDate.getDate(); //擷取年,月,日，上傳時間


var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
    result.innerHTML = file.type;  //擷取檔案的類型
    fileName.innerHTML = file.name;   //擷取檔案的名稱
    fileTime.innerHTML = sDate;     //擷取上傳時間
}

result.innerHTML = ‘<img src="‘+this.result+‘" />‘   //為擷取圖片原圖

input的檔案上傳類型判斷