存储 FilePicker 脚本的返回 url

Question

所以我在我的站点中获得了文件选择器脚本：

<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)">

请教各位高手两个问题：

一个。如何以某种方式存储文件选择器返回的图像 url。这个想法是将它存储在一种“选择你的产品”页面中，然后在另一个 Web 表单中植入该 URL。

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

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