前言:
项目中时常会遇到文件上传功能,针对这一功能做一个笔记,以便于自己回顾,写的不好请谅解!!!!
*注:此处只有上传和删除功能,如果要在上传后在线预览PDF请参考另一篇博客:
前端代码:
上传插件用的是layui的文件上传插件。
html:
<form class="layui-form" method="post" action="">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" id="username" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">上传(pdf)</label>
<div class="layui-input-block">
<button type="button" class="layui-btn" id="up">
<i