存储FilePicker脚本返回url

Question

所以我在我的站点上得到了filepicker脚本：

<script type="text/javascript" src="//api.filepicker.io/v1/filepicker.js"></script>

<input type="filepicker" data-fp-apikey="A9sWQqHKDSLu0QkEeY1qnz" data-fp-mimetypes="image/*" data-fp-container="modal" data-fp-multiple="true" data-fp-services="COMPUTER,FACEBOOK,INSTAGRAM" onchange="out='';for(var i=0;i<event.fpfiles.length;i++){out+=event.fpfiles[i].url;out+=' '};alert(out)">

有两个问题要问各位大师：

a.我如何存储文件选择器返回的图像url？这个想法是将其存储在一种“选择你的产品”的页面中，然后将该url植入另一个web表单中。

b.如何在上传的同一页面上实时预览我的客户上传的图像，以便他们可以验证这是正确的图片。

Answer 1

http://jsfiddle.net/jWyek/

它有一些示例代码来向您展示如何显示图像。

放入占位符图像：

<img id="placeholder" src=""></img>

，然后设置从filepicker获得的源url。

$('#placeholder').attr('src', url);

它还显示了您可以保存图像以供以后使用的占位符。

//do what you need to store the url

我不确定你的系统是什么样子的，这部分将是你的代码和设置的超级特定部分。