一款HTML5图片预览上传批量上传插件zyUpload,可以点击按钮添加多个图片,或拖拽多个图片放大指定位置,选中的图片会以缩略图的形式显示在上传界面的下方,可以给选中的图片进行分类操作,或者放大进行查看,不满意的可以直接点击“删除”按钮来删除,筛选后再点击“开始上传”。
页面的head部分,需引入相应的CSS样式文件、jQuery库和必要的JS文件,代码如下:
<!-- 引用控制层插件样式 -->
<link type="text/css" rel="stylesheet" href="css/zyupload.css">
<script src="js/jquery.min.js"></script>
<!-- 引用核心层插件 -->
<script type="text/javascript" src="js/zyfile.js"></script>
<!-- 引用控制层插件 -->
<script type="text/javascript" src="js/zyupload.js"></script>
<!-- 引用初始化JS -->
<!--<script type="text/javascript" src="js/demo.js"></script>-->
<script type="text/javascript" src="js/jqueryrotate.js"></script>
<script type="text/javascript" src="js/index.js"></script>
页面的body部分,仅需设置一个指定id的div容器即可,代码如下:
<h1 style="text-align:center;">图片上传</h1>
<div id="demo" class="demo"></div>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791