магазин возвратного URL скрипта FilePicker

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-адрес изображения, который возвращает сборщик файлов. идея состоит в том, чтобы сохранить его в виде страницы «выберите продукт» и внедрить этот url позже, в другую веб-форму.

b. Как я могу сделать предварительный просмотр изображения, загруженного моим клиентом, на той же странице загрузки, чтобы они могли убедиться, что это правильное изображение.

Answer 1

http://jsfiddle.net/jWyek/

имеет некоторый пример кода, чтобы показать вам, как вы можете отобразить изображение.

Put в шаблонного изображения:

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

А затем установить исходный URL, когда вы получите его от filepicker

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

Это также показывает заглушку, где вы можете сохранить изображение, позже.

//do what you need to store the url 

Я не уверен, как выглядит ваша система, и эта часть будет очень специфичной для вашего кода и настройки.