用Javascript實現 上傳前閱覽圖片,但是這個方法只能支持IE10之後的版本,其他瀏覽器都可以用,IE9和之前的版本都無法使用。
Input FileUpload files Property 不支持IE9和之前的版本。
http://www.w3schools.com/jsref/prop_fileupload_files.asp
<input type="file" id="FUImageUploadfile" name="FUImageUploadfile" class="myInputbutton" onchange="FUImageFunction(this.id,this.value)" accept="image/png, image/jpg, image/jpeg" />
var fileuploader = document.getElementById("FUTopUploadFile");
if (fileuploader.files && fileuploader.files[0]) {
var reader = new FileReader();
reader.onload = imageIsFUTopLoaded;
reader.readAsDataURL(fileuploader.files[0]);
}
}
function imageIsFUTopLoaded(e) {
$("#myImg").val(e.target.result);
};