【问题标题】:javascript image uploading and text replacementjavascript图像上传和文本替换
【发布时间】:2009-09-14 11:48:31
【问题描述】:

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

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

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

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

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

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

【问题讨论】:

    标签: php javascript


    【解决方案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 等。在进行此调用时,您可能需要在行中添加一个。

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

    【讨论】:

    • 谢谢,这给了我调查的方向,感谢您的时间和投入。
    • @Patrick:从您的问题看来,您真正想要的是父窗口与其弹出窗口之间的某种通信,所以这就是我的想法。如果不是这种情况,请通过问题本身告诉我们。
    猜你喜欢
    • 2017-03-07
    • 1970-01-01
    • 1970-01-01
    • 2019-10-15
    • 2012-11-27
    • 1970-01-01
    • 1970-01-01
    • 2011-05-16
    • 1970-01-01
    相关资源
    最近更新 更多