上傳圖片

<div class="picture-upload">
      <label for="">照片</label><br/>
      <img id="staff_photo" alt="一寸免冠照片"><br/>
      <input type="file" id="upload_photo">
</div>

if(typeof FileReader === 'undefined'){
        result.innerHTML = "抱歉，你的瀏覽器不支持 FileReader";
        input.setAttribute('disabled','disabled');
}else{
        $('#upload_photo').change(function(){
            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+'" alt=""/>'
                $('#staff_photo').attr("src",this.result);
            }
        });
}