php - javascript 图片上传和文本替换

Question

描述起来很奇怪，但就是这样。

我有一个包含几行的表格。每行中的一个字段用于图像。现在我不想显示图像本身，而是显示图像的文件名作为链接。

当我单击该链接时，我想弹出一个窗口，让我上传或从列表中选择新图像。

关键是，当我完成后，我希望新文件名显示在表中 a-la 内联编辑样式中。

现在我知道如何将文件名显示为链接，我知道如何弹出一个窗口，我知道如何上传图像，或显示一些以供选择。我不知道该怎么做，一旦我选择或上传了一张图片，然后返回并更改该文本。

假设包含文件名文本的字段名是#picfield1。(每个字段都是唯一的)
构建它的最佳方法是什么。我应该像模式一样在页面上使用图层，还是应该使用单独的窗口？

Answer 1

当弹出窗口打开时，您需要将被单击链接的行或 ID 传递给它。弹出窗口完成后，在调用其 window.close() 函数(如果它是真正的弹出窗口)之前，让它执行如下操作:

window.opener.updateImageLink(row, fileName); //will call a function on the parent window

其中 row 是最初传递给此弹出窗口的内容，filename 是用于更新链接的有效文件名。

这将调用以下函数:

function updateImageLink(row, fileName)
{
  document.getElementById("#picfield" + row).innerHTML = escape(fileName);
}

这假设字段被枚举为#picField1、#picField2 等。您可能需要在进行此调用时向行添加一个。

当然，这需要根据您的具体需求进行调整。