要将文件
上传到MySQL数据库，需要先将文件转换成二进制数据，然后将其插入到数据库中的BLOB类型
字段中。以下是使用
Layui上传图片并将其存入MySQL数据库的示例：
1. 在HTML中添加文件
上传表单：
```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库：
```html
<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上传组件：
```
javascript
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
<?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();
?>
```
注意：以上代码仅供参考，具体实现需要根据自己的实际情况进行调整。
1089
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
