使用一个图片上传预览插件uploadPreview插件
引入uploadPreview.min.js文件
<script type="text/javascript" src="${pageContext.request.contextPath}/jslib/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/uploadPreview/uploadPreview.min.js"></script>
demo演示
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15<head> <title>uploadPreview演示</title> <script src="uploadPreview.js" type="text/javascript"></script> <script> window.onload = function () { new uploadPreview({ UpBtn: "up_img", DivShow: "imgdiv", ImgShow: "imgShow" }); } </script> </head> <body> <div id="imgdiv"> <img id="imgShow" width="100" height="100" /> </div> <input type="file" id="up_img" /> </body>
最后
以上就是俊秀草莓最近收集整理的关于解决上传图片预览在浏览器中不显示的问题的全部内容，更多相关解决上传图片预览在浏览器中不显示内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复