<input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td>我单元格内添加图片后，选中单元格时点击删除按钮可以删除已经添加的图片

要实现在选中单元格时点击删除按钮删除已添加的图片，你可以使用JavaScript来处理这个功能。首先，你需要给删除按钮添加一个点击事件处理程序，当点击按钮时触发删除图片的操作。在删除操作中，你可以通过找到对应单元格中的图片元素，并将其从DOM树中移除。

以下是一个示例代码，用于演示如何实现这个功能：

<td>
  <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;">
  <button onclick="deleteImage(this.parentNode)">删除</button>
</td>

在这个示例代码中，我们在单元格中添加了一个删除按钮，并将其绑定到了 `deleteImage` 函数上。当点击删除按钮时，会调用 `deleteImage` 函数，并将当前按钮所在的单元格作为参数传递给它。

接下来，你需要在JavaScript中实现 `deleteImage` 函数来处理删除操作。在函数中，你可以通过父节点找到图片元素，并将其从DOM树中移除。以下是一个示例实现：

function deleteImage(cell) {
  var image = cell.querySelector('img');
  if (image) {
    image.remove();
  }
}

在这个示例中，我们使用 `querySelector` 方法来找到单元格中的图片元素（假设你使用 `<img>` 标签来显示图片）。然后，我们使用 `remove` 方法将其从DOM树中移除。

你可以根据你的实际需求对这个示例代码进行修改和扩展，以适应你的项目。希望这能帮到你！如果还有其他问题，请随时提问。