<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("請(qǐng)確保文件為圖像類型");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);}});
}

轉(zhuǎn)載于:https://www.cnblogs.com/mina-huojian66/p/6956569.html

總結(jié)

以上是生活随笔為你收集整理的上传图片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。