首先在官方文档并没有手动上传的说明文档，这里手动实现上传原理是：在表单中有三个按钮，分别是上传图片按钮、隐藏上传按钮、表单提交按钮，，点击上传图片按钮之后，图片添加在前端但是并没有真正的上传，而是在点击表单提交之后，后台返回数据（其中有新添加的表单的唯一标识）并判断表单提交成功之后再用JS事件触发隐藏上传按钮，这时真正实现图片上传，并传给后台相关数据，并在数据库中添加唯一表示来属于哪个提交的表单。下面是代码实现：

HTML代码：

<form class="layui-form" action="" > <div class="layui-form-item"> <label class="layui-form-label">姓名：</label> <div class="layui-input-block"> <input type="text" name="name" id="name" required maxlength="8" lay-verify="required" placeholder="必填" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">专业：</label> <div class="layui-input-inline"> <input type="text" name="major" id="major" maxlength="8" required lay-verify="required" placeholder="必填" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">QQ/微信：</label> <div class="layui-input-inline"> <input type="text" name="QQ" id="QQ" required maxlength="12" lay-verify="required" placeholder="必填" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">手机：</label> <div class="layui-input-inline"> <input type="text" name="phone" id="phone" maxlength="11" required lay-verify="required" placeholder="必填(查询结果时所需)" autocomplete="off" class="layui-input" value=""> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">性别：</label> <div class="layui-input-block"> <input type="radio" name="sex" value="男" title="男" checked> <input type="radio" name="sex" value="女" title="女" > </div> </div> <div class="layui-form-item layui-form-text"> <label class="layui-form-label">图片上传:</label> <div class="layui-input-block"> <div class="layui-upload"> <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;padding:10px 0 10px 0; "> <div class="layui-upload-list" id="img_upload"></div> </blockquote> <button type="button" class="layui-btn" style="background-color:#4383d3" id="img_upload_btn">添加图片</button> </div> <button id="hideUpload" type="button" style="display: none"></button> </div> </div> <div class="layui-form-item"> <div class="layui-input-special"> <button class="layui-btn" id="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary" id="reset" >重置</button> </div> </div> </form>

JS代码：