1、juery 文件上传使用比较方便,但是在上传头像只限制一张图片不能一次性上传多个文件的场景查阅文档发现并不支持,后自己改造了一点点方便使用。
2、插件html
<link rel="stylesheet" href="/lib/jq-module/zyupload/zyupload-1.0.0.min.css" media="all">
<div class="layuimini-main">
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<label class="layui-form-label required">头像</label>
<div class="layui-input-block">
<div id="zyupload"></div>
</div>
</div>
</div>
</div>
<script src="/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="/lib/jq-module/zyupload/zyupload-1.0.0.min.js" charset="utf-8"></script>
<script>
layui.use(['form', 'table', 'layarea'], function () {
var form = layui.form;
// 初始化插件
$("#zyupload").zyUpload({
width: "650px",//宽度
height: "400px",//宽度
itemWidth: "140px",//文件项的宽度
itemHeight: "115px",//文件项的高度
url: "/platform/userFileUpload", //上传文件的路径
fileType: ["jpg", "png"],//上传文件的类型
fileSize: 51200000,//上传文件的大小
multiple: false,