如何获取filepicker.io图片的文件名以显示在它旁边的输入字段中

时间:2013-03-12 05:37:50

标签: filepicker.io

我正在尝试将上传图片的文件名显示在选择器按钮旁边的输入字段中(对于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>

感谢您的帮助!我在文档中没有找到这样的任何其他示例。

1 个答案:

答案 0 :(得分:1)

建议的方法是将函数绑定到filepicker输入类型的onchange事件。上传完成后,将调用该函数,您可以从e.fpfile属性中提取文件名。

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