Загрузка изображения с помощью filepicker.IO

Я пытаюсь использовать API Filepicker IO, чтобы пользователи могли загружать изображения. Я пытаюсь продублировать шаги, показанные в видеоролике «Начало работы», но я сталкиваюсь с препятствием. Filepicker открывается нормально, но, похоже, он не вызывает функцию javascript (openFilePicker()), которая у меня есть в div (когда настройки Filepicker установлены в div, тогда он работает). Кроме того, после загрузки изображения я не знаю, как получить информацию, чтобы отобразить ее на другой странице (сохранить ее с помощью php и т. д.). Если бы вы могли мне помочь, я был бы очень признателен. Вот код:

<script type="text/javascript">

    function openFilePicker() {

        filepicker.setKey('MYKEYHERE');

        filepicker.pick({
                        mimetypes: ['image/*', 'text/plain'],
                        container: 'window',
                        services:['COMPUTER', 'FACEBOOK', 'GMAIL', 'PICASA', 'DROPBOX', 'INSTAGRAM', 'FLICKR'],
                        },
                        function(FPFile){
                        console.log(JSON.stringify(FPFile));

                        //UPLOAD COMPLETE
                        UpdateHTMLWithUploadedFile(FPFile.url);

                        },
                        function(FPError){
                        console.log(FPError.toString());
                        }
                        );

    }

</script>

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


<div class="row margin" id='img-row'>
 <input id="filename" disabled="disabled" class="input-text file-input-value" type="text" style="width: 360px;" value=""/>
  <input name="img" data-fp-class="form-simple-action-btn filepicker_launcher" data-fp-button-text="Choose Image" data-fp-container="modal" type="filepicker" data-fp-apikey="MYKEYHERE" id='campaign-img-input' onclick="javascript:openFilePicker()">
 </div>

filepicker.io
person user1072337    schedule 28.02.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Похоже, вы смешиваете документацию по виджетам filepicker.io с документацией API javascript для filepicker.io. Если вы хотите привязаться к событию onclick объекта и напрямую использовать вызов filepicker.pick, вам следует использовать стандартную кнопку, а не тип ввода средства выбора файла, т.е.

<button onclick="javascript:openFilePicker()">Choose Image</button>
person brettcvz    schedule 28.02.2013