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

给你两个问题：

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

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

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

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

存储FilePicker脚本的返回URL

1 个答案: