Aviary-Filepicker ツールを使用して、ユーザーに画像をアップロードさせ、トリミングしてから保存しています。以下のコードを JavaScript で使用すると、次のようになります。
- アップロードボタンをクリックします
- ファイルピッカーが開きます
- fiepicker を使用して画像を選択します。
- 鳥小屋編集ペインが開きます。
- 画像をトリミングします。
- 画像を保存します。
- 次に、ファイルピッカーが再び開きます (別の画像を選択するように求められます)。
- 写真を選択すると、作業が保存されたと表示されます。
- コンソールは 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});});});});