0

我正在使用 Aviary-Filepicker 工具让用户上传图像，裁剪它，然后保存它。当我在我的 javascript 中使用下面的代码时，会发生以下情况。

  1. 我点击上传按钮
  2. 文件选择器打开
  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});});});});
4

2 回答 2

0

这是我如何做到的，它是有效的。我在 aviary 函数中的 onSave 中添加了导出函数。如 Aviary API 说明所述，尝试自定义 onSave 或 OnSaveButtonClicked 有一些奇怪之处：

        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>
于 2013-04-07T03:18:59.007 回答
0

文件选择器站点上有一些集成说明，以防您没有看到它们。

于 2013-05-20T10:41:56.340 回答