HTML5图片预览上传批量上传插件zyUpload

一款HTML5图片预览上传批量上传插件zyUpload，可以点击按钮添加多个图片，或拖拽多个图片放大指定位置，选中的图片会以缩略图的形式显示在上传界面的下方，可以给选中的图片进行分类操作，或者放大进行查看，不满意的可以直接点击“删除”按钮来删除，筛选后再点击“开始上传”。

分类：html5 > 上传难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的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>