thinkphp5+layui实现多图上传保存到数据库，可以实现图片自由排序，自由删除

weixin_37799190

于 2019-11-20 16:46:57 发布

阅读量910

点赞数 1

本文链接：https://blog.youkuaiyun.com/weixin_37799190/article/details/103166211

版权

本文介绍了如何使用ThinkPHP5框架结合Layui组件，实现图片的多选上传功能，并将图片信息存入数据库。同时，详细讲解了如何实现图片的排序和删除操作，为用户提供灵活的图片管理能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__STATIC__/layui/css/layui.css"  media="all">
  <style>
.layui-upload-img { width: 150px; height: 150px; margin: 0; }
.pic-more { width:100%; left; margin: 10px 0px 0px 0px;}
.pic-more li { width:90px; float: left; margin-right: 5px;}
.pic-more li .layui-input { display: initial; }
.pic-more li a { position: absolute; top: 0; display: block; }
.pic-more li a i { font-size: 24px; background-color: #008800; }    
#slide-pc-priview .item_img img{ width:

最低0.47元/天解锁文章