上传图片

<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);
            }
        });
}
原文地址:https://www.cnblogs.com/mina-huojian66/p/6956569.html