var image1File = row.querySelector("#input_1_8").files[0]; var image2File = row.querySelector("#input_1_9").files[0]; var image3File = row.querySelector("#input_1_10").files[0]; var image4File = row.querySelector("#input_1_11").files[0]; var image5File = row.querySelector("#input_1_12").files[0];修改代码后以后三个内容报错,导致无法写入数据库<td contenteditable="true" id="cell_1_8">image1</td> <td contenteditable="true" id="cell_1_9">image2</td> <td contenteditable="true" id="cell_1_10">image3</td> <td contenteditable="true" id="cell_1_11">image4</td> <td contenteditable="true" id="cell_1_12">image5</td>以上为我表头对应内容,需要怎么修改
时间: 2024-04-22 16:25:02 浏览: 19
根据你提供的表格内容,我注意到 `<td>` 元素中的文本内容是 "image1"、"image2"、"image3"、"image4" 和 "image5",这些文本并不是文件输入字段,而是作为表格中的显示文本。
如果你想要获取对应的文件输入字段的值,你需要将这些 `<td>` 元素替换为包含文件输入字段的 `<input>` 元素。例如:
```html
<td contenteditable="true" id="cell_1_8"><input type="file" id="input_1_8"></td>
<td contenteditable="true" id="cell_1_9"><input type="file" id="input_1_9"></td>
<td contenteditable="true" id="cell_1_10"><input type="file" id="input_1_10"></td>
<td contenteditable="true" id="cell_1_11"><input type="file" id="input_1_11"></td>
<td contenteditable="true" id="cell_1_12"><input type="file" id="input_1_12"></td>
```
确保将 `<td>` 元素中的文本内容替换为对应的文件输入字段。然后,你可以使用以下代码来获取文件输入字段的值:
```javascript
var image1File = row.querySelector("#input_1_8").files[0];
var image2File = row.querySelector("#input_1_9").files[0];
var image3File = row.querySelector("#input_1_10").files[0];
var image4File = row.querySelector("#input_1_11").files[0];
var image5File = row.querySelector("#input_1_12").files[0];
```
这样,你将能够正确获取对应的文件输入字段的值,并将它们添加到 `formData` 对象中,以便上传到服务器。
希望这次的回答能够解决你的问题。如果你还有其他疑问,请随时提问。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)