<th contenteditable="true" ><input type="text" oninput="filterTable(1)" placeholder="aoiStep" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(2)" placeholder="defectType" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(3)" placeholder="layerCode" ></th> <th contenteditable="true" ><input type="text" oninput="filterTable(4)" placeholder="type"></th> <th contenteditable="true" ><input type="text" oninput="filterTable(5)" placeholder="dpet" ></th> <th contenteditable="true"><input type="text" oninput="filterTable(6)" placeholder="subcode" ></th> <th contenteditable="true" ><input type="text" placeholder="codeDescription" ></th> <th contenteditable="true" >image1</th> <th contenteditable="true" >image2</th> <th contenteditable="true">image3</th> <th contenteditable="true" >image4</th> <th contenteditable="true" >image5</th> <th contenteditable="true" ><input type="text" placeholder="determination_rule"></th> </tr> </thead> <tbody> <tr> <td><input type="text" name="aoi_step" value="3"></td> <td><input type="text" name="defect_type" value="Particle"></td> <td><input type="text" name="layer_code" value="ACT"></td> <td><input type="text" name="type" value="Particle"></td> <td><input type="text" name="dpet" value="ACT"></td> <td><input type="text" name="subcode" value="Particle"></td> <td><input type="text" name="code_description" value="ACT"></td> <td><input type="file" name="image1_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td> <input type="file" name="image2_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image3_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image4_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image5_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td input type="text" name="determination_rule">Particle</td>网页表格内的数据上传到phpstudy创建的数据库,image1-image5为图片,上传时需要将图片保存在本地,让后将图片路径上传到数据库内保存,并且我的行数不固定
时间: 2023-08-14 19:07:52 浏览: 153
当div设置contentEditable=true时,重置其内容后无法光标定位
5星 · 资源好评率100%
要网页表格内的数据上传到 PHPStudy 创建的,并保存图片路径,您可以按照以下步骤进行操作:
1. 在表单的 `<form>` 标签中添加 `enctype="multipart/form-data"` 属性,以支持文件上传。
2. 在服务器端的 PHP 文件中,使用 `$_FILES` 变量来获取上传的图片文件,并将图片保存到服务器上指定的目录中。
3. 将图片的路径保存到数据库中,可以使用 SQL 语句执行插入操作。
以下是一个简单的示例代码,用于演示如何将网页表格数据和图片上传到数据库:
```php
<?php
// 连接到数据库,假设数据库名为 your_database,用户名为 your_username,密码为 your_password
$db = new PDO("mysql:host=localhost;dbname=your_database", "your_username", "your_password");
// 处理表单提交
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 获取行数
$rowCount = $_POST['row_count'];
// 遍历每一行数据
for ($row = 1; $row <= $rowCount; $row++) {
// 获取表单字段值
$aoiStep = $_POST['aoi_step'][$row];
$defectType = $_POST['defect_type'][$row];
$layerCode = $_POST['layer_code'][$row];
$type = $_POST['type'][$row];
$dpet = $_POST['dpet'][$row];
$subcode = $_POST['subcode'][$row];
$codeDescription = $_POST['code_description'][$row];
$determinationRule = $_POST['determination_rule'][$row];
// 处理图像上传
$imagePaths = array(); // 用于存储图像路径的数组
for ($imageIndex = 1; $imageIndex <= 5; $imageIndex++) {
$file = $_FILES['image'.$imageIndex.'_path']['tmp_name'][$row]; // 获取上传的文件
if (isset($file) && is_uploaded_file($file)) {
// 生成唯一的文件名
$fileName = uniqid() . '_' . basename($_FILES['image'.$imageIndex.'_path']['name'][$row]);
// 设置目标路径
$targetPath = 'path/to/upload/directory/' . $fileName;
// 将文件保存到服务器目录
move_uploaded_file($file, $targetPath);
// 将图片路径添加到数组中
$imagePaths[] = $targetPath;
} else {
// 如果没有上传文件,则将空字符串添加到数组中
$imagePaths[] = '';
}
}
// 将数据插入数据库
$stmt = $db->prepare("INSERT INTO your_table (aoi_step, defect_type, layer_code, type, dpet, subcode, code_description, determination_rule, image1_path, image2_path, image3_path, image4_path, image5_path) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
$stmt->execute([$aoiStep, $defectType, $layerCode, $type, $dpet, $subcode, $codeDescription, $determinationRule, $imagePaths[0], $imagePaths[1], $imagePaths[2], $imagePaths[3], $imagePaths[4]]);
}
}
?>
```
在上述示例代码中,请确保根据您的数据库配置和表结构修改连接数据库的相关信息,以及修改插入数据的 SQL 语句中的表名和字段名。
此外,您还需要根据实际情况修改保存图片的目标路径。
请注意,上述代码只是一个示例,您需要根据您的具体需求和代码结构进行相应的修改。
希望这次的回答对您有所帮助。如果还有任何问题,请随时提问!
阅读全文