这次给大家带来jquery做出上传图片时可优先本地预览，jquery做出上传图片时可优先本地预览的注意事项有哪些，下面就是实战案例，一起来看一下。
<!doctype html><html><head><meta charset="utf-8"><title>jquery上传图片本地预览效果</title></head><body><script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script><input id="upload" type="file"><img id="preview" src=""><script type="text/javascript">$('#upload').change(function(){ // 获取filelist的第一个元素 alert(document.getelementbyid('upload').files[0]); var f = document.getelementbyid('upload').files[0]; src = window.url.createobjecturl(f); document.getelementbyid('preview').src = src})</script></body></html>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
如何使用vue父组件调用子组件（附代码）
vue + iview导出excel表格
以上就是jquery做出上传图片时可优先本地预览的详细内容。