Использование Filepicker.io с инструментом Aviary

Я использую инструмент Aviary-Filepicker, чтобы пользователь загружал изображение, обрезал его, а затем сохранял. Когда я использую приведенный ниже код в своем javascript, происходит следующее.

  1. Я нажимаю кнопку загрузки
  2. Filepicker открывается
  3. Я выбираю изображение с помощью fiepicker.
  4. Откроется панель редактирования вольера.
  5. Я обрезаю изображение.
  6. Сохраняю изображение.
  7. Затем снова открывается сборщик файлов (предлагая мне выбрать другое изображение).
  8. Я выбираю картинку, а потом пишет, что моя работа сохранена.
  9. Консоль регистрирует функцию console.log.

Я не знаю, почему сборщик файлов снова открывается после того, как я его обрезал и сохранил.

Вот код:

$(function(){var a=new Aviary.Feather({apiKey:'zwbGz6e420egYruuRuohTA',apiVersion:2,tools: 'all',initTool: 'crop',cropPresets: [['Square','1:1']],
                                      onSave:function(a){filepicker.pickAndStore({mimetype:"image/*"},{},function(fpfiles){
                                                                                   console.log(JSON.stringify(fpfiles));
                                                                                   });},

    onError:function(a){},appendTo:"editpane"});filepicker.setKey(server_vars.apikey);$(".openbutton").click(function(){filepicker.pick({mimetype:'image/*'},function(b){var c=$('<img id="#editimage"/>');c.attr("src",b.url);$(".editpane").empty().append(c);a.launch({image:c[0],url:b.url});});});});

filepicker.io aviary
person user1072337    schedule 02.04.2013    source источник
comment
ваша функция onSave, похоже, имеет вызов .pickAndStore. Возможно, вы имели в виду .store или .export?   -  person Liyan Chang    schedule 03.04.2013
comment
ах да, может быть, я хочу просто магазин. Я попробую это.   -  person user1072337    schedule 03.04.2013

Ответы (2)


arrow_upward
0
arrow_downward

Вот как я это сделал, и это работает. Я добавил функцию экспорта в onSave в функции вольера. Есть некоторая странность при попытке настроить onSave или OnSaveButtonClicked, как описано в примечаниях API Aviary:

        onSave: function(imageID, newURL) {
        var img = document.getElementById(imageID);
        img.src = newURL;
            filepicker.exportFile(
            newURL,
            {mimetype:'image/png'},
            function(FPFile){
            console.log(FPFile.url);
            });
       },
       onError: function(errorObj) {
           alert(errorObj.message);
       }
   });
   function launchEditor(id, src) {
       featherEditor.launch({
           image: id,
       url: src
       });
      return false;
   }
</script>
person Srihari Yamanoor    schedule 07.04.2013

arrow_upward
0
arrow_downward

На сайте сборщика файлов есть несколько инструкций по интеграции на случай, если вы не видел их.

person Martin Stannard    schedule 20.05.2013