用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" />

<img id="myImg" alt="Smiley face">

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);
        };

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Kenneth 的頭像
    Kenneth

    Kenneth的部落格

    Kenneth 發表在 痞客邦 留言(0) 人氣()