Question

我使用Roxy Fileman管理CMS中的图像和文件。 filemanager有一个自定义选项，可以使用按钮从文本字段插入文件。单击该按钮时，文件管理器将打开。此选项基于文本字段ID。我的问题是我有多个文本字段，所以我使ID：s唯一。但是如何将这些ID添加到路径中的txtFieldId？

这是ID 1

的第一个文本字段

<input type="text" name="img" id="txtSelectedFile1" class="textfield" >
<button class="btn btn-default" onclick="openCustomRoxy2()" type="button">Select image</button>

第二个ID为2

<input type="text" name="document" id="txtSelectedFile2" class="textfield" >
<button class="btn btn-default" onclick="openCustomRoxy2()" type="button">Select image</button>

这里是带有iframe的div，当点击按钮时会打开文件管理器。这是我需要将ID：s添加到txtFieldId。

<div id="roxyCustomPanel2" style="display: none;">
<iframe src="/fileman/index.html?integration=custom&type=files&txtFieldId=txtSelectedFile" style="width:100%;height:100%" frameborder="0">
</iframe>

所以我终于设法在thedarkone的帮助下解决了它。与链接中的答案不同的是，我将文本字段中的ID保持不变，并将src函数添加到按钮。

<script>
function go(pth) {
  document.getElementById('roxy').src = pth;
}
</script>

<div id="roxyCustomPanel2" style="display: none;">
  <iframe id="roxy" src="about:blank" style="width:100%;height:100%" frameborder="0"></iframe>
</div>

<input type="text" name="img" id="txtSelectedFile1" class="textfield">
<button class="btn btn-default" onclick="openCustomRoxy2(); go('/fileman/index.html?integration=custom&type=files&txtFieldId=txtSelectedFile1');" type="button">Select image</button>

<input type="text" name="document" id="txtSelectedFile2" class="textfield">
<button class="btn btn-default" onclick="openCustomRoxy2(); go('/fileman/index.html?integration=custom&type=files&txtFieldId=txtSelectedFile2');" type="button">Select image</button>

Answer 1

从我的用例中可以得到的结果可能最好通过这个答案来解决。它有JS解决方案和纯HTML解决方案。我更喜欢JS，因为你不必在每个中编写整个src，并且你已经这样做了，看到你正在使用函数。

Changing iframe src with Javascript

从文本字段中获取ID并将其添加到路径

1 个答案: