hTML5 多圖上傳預覽

標籤：hang   files   document   javascrip   for   ntb   put   new   java   

<p> <label>請選擇一個檔案：</label> <input type="file" id="file" multiple="multiple" onchange="readAsDataURL()"/> </p> <div id="result" name="result"></div>

　　

<script>  
　　var result=document.getElementById("result");  　　var file=document.getElementById("file");    　　function readAsDataURL(){  　　　　var file = document.getElementById("file").files;　　　　var result=document.getElementById("result");  　　　　for(i = 0; i< file.length; i ++) {　　　　　　var reader  = new FileReader();    　　　　　　reader.readAsDataURL(file[i]);  　　　　　　reader.onload=function(e){  　　　　//多圖預覽　　　　result.innerHTML = result.innerHTML + ‘<img src="‘ + this.result +‘"  />‘;  　　　　　　}　　　　　　}    　　　}    </script>  

　　

hTML5 多圖上傳預覽