如何让 filepicker.io 图片的文件名出现在它旁边的输入字段中答案

【问题标题】：How to get the filename of a filepicker.io picture to appear in the input field next to it如何让 filepicker.io 图片的文件名出现在它旁边的输入字段中
【发布时间】：2026-01-22 00:55:01
【问题描述】：

我正在尝试让上传图片的文件名出现在选择器按钮旁边的输入字段中（对于 filepicker.io）。基本上，我试图找到在输入标签的值字段中输入的内容，以便在上传图片后显示文件名。这是我的代码：

<div class="row margin" id='img-row'>
<input id="filename" disabled="disabled" value="<WHAT DO I PUT HERE?>" class="input" type="text" style="width: 360px;"/>
<input name="img" data-fp-class="form-simple-action-btn filepicker_launcher" data-fp-button-text="Choose Image" data-fp-services="COMPUTER,FACEBOOK,FLICKR,INSTAGRAM,PICASA" data-fp-container="modal" data-fp-mimetypes="image/*" type="filepicker" data-fp-apikey="#################" id='campaign-img-input' value="<php echo h($_POST['img'])"/>
 </div>

感谢您的帮助！我在文档中没有找到任何其他类似的示例。

【问题讨论】：

标签： filepicker.io

【解决方案1】：

推荐的方法是将函数绑定到文件选择器输入类型的 onchange 事件。上传完成后，将调用该函数，您可以将文件名拉出 e.fpfile 属性。

或者，如果您有兴趣自定义行为，直接使用filepicker.pick 调用可能更容易。在许多情况下，该小部件非常适合作为插入式解决方案，但如果您希望进一步自定义，我建议您直接使用 javascript api。

【讨论】：

您能详细说明一下吗？也许有一个简单的编码示例？我正在使用小部件，所以当我尝试使用 javascript 调用 click 函数时，它不会调用。