我的思路是用layui的upload模块进行上传,然后保存在服务端并返回我的存储的路径path,若用户此时要删除图片,可以直接点击图片删除,然后后台马上从服务器端删除。(这一部分,我打算后期是不是可以用缓存来替代,而不是硬盘的直接读写)
然后就是用户确认上传图片,那么我直接把图片的path提交到后台,存入数据库!
废话不多说 ,直接上关于图片部分的代码,需要的自取!↓
1.前端HTML部分(这里只放图片的部分,layui的多图片demo)
<div class="layui-upload">
<button type="button" class="layui-btn" id="test2">多图片上传</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图:
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
</div>
2. 前端js部分(layui部分)
/*
* delpic方法是执行用户删除图片操作
*/