<fieldset><legend>使用readAsDataUrl()方法預覽圖片</legend><input type="file" name="fileUpload" id="fileUpload" onchange="filePrevImg(this.files);" multiple="true" /><ul id="prevUpload"></ul> </fieldset> <script> function $$(id){return document.getElementById(id);}function filePrevImg(files){//檢測瀏覽器是否支持FileReader對象if(typeof FileReader == "undefined"){alert("您的瀏覽器不支持FileReader對象!");}var strHtml = "";for(var intI=0;intI<files.length;intI++){var tmpFile = files[intI];var reader = new FileReader();//每循環一次都要重新new一個FileReader實例 reader.readAsDataURL(tmpFile);reader.onload=function(e){alert(e.target.result);strHtml += "<span>";strHtml += "<img src='"+e.target.result+"' alt=''/>";strHtml += "</span>";$$("prevUpload").innerHTML = "<li>"+strHtml+"</li>";};}}</script>
?