layui文件上传到mysql_实例 | layui上传图片并存入数据库

要将文件上传到MySQL数据库，需要先将文件转换成二进制数据，然后将其插入到数据库中的BLOB类型字段中。以下是使用Layui上传图片并将其存入MySQL数据库的示例：

1. 在HTML中添加文件上传表单：

<form class="layui-form" action="" enctype="multipart/form-data">
  <div class="layui-form-item">
    <div class="layui-upload">
      <button type="button" class="layui-btn" id="uploadBtn">上传图片</button>
      <div class="layui-upload-list">
        <img class="layui-upload-img" id="previewImg">
        <p id="previewText"></p>
      </div>
    </div>
  </div>
</form>

2. 引入Layui和jQuery库：

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>

3. 初始化Layui上传组件：

layui.use('upload', function(){
  var upload = layui.upload;
  
  //执行上传
  var uploadInst = upload.render({
    elem: '#uploadBtn', //绑定元素
    url: '/upload/', //上传接口
    accept: 'images', //允许上传的文件类型
    size: 1024, //限制文件大小，单位KB
    done: function(res){
      //上传成功回调
      $('#previewImg').attr('src', res.data.src); //显示预览图
      $('#previewText').html(res.data.title); //显示文件名
      //将文件二进制数据存入数据库
      $.ajax({
        type: 'POST',
        url: '/saveToDB/',
        data: {
          imageData: res.data.imageData //文件的二进制数据
        },
        success: function(data){
          console.log(data);
        },
        error: function(){
          console.log('上传失败');
        }
      });
    },
    error: function(){
      //上传失败回调
      console.log('上传失败');
    }
  });
});

4. 在服务器端处理上传的文件，并将其存入MySQL数据库：

<?php
//获取上传的文件二进制数据
$imageData = file_get_contents($_FILES['file']['tmp_name']);

//连接MySQL数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "dbname";
$conn = new mysqli($servername, $username, $password, $dbname);

//将文件二进制数据插入到数据库中
$stmt = $conn->prepare("INSERT INTO images (image_data) VALUES (?)");
$stmt->bind_param("b", $imageData);
$stmt->execute();
$stmt->close();

$conn->close();
?>

注意：以上代码仅供参考，具体实现需要根据自己的实际情况进行调整。