canvas - Fine Uploader - Blob を追加 (canvas.toDataURL) - S3 にアップロード

Question

私のページは、ボタンをクリックするだけでユーザーのhtml5キャンバスのコピーを作成します:

var canvasData;

$( "#button" ).click(function() {
    canvasData = canvas.toDataURL("image/png");
    // upload canvasData here...
});

これを、fine-uploader を使用して s3 バケットにアップロードする必要があります。ドキュメントでは、次の方法でブロブをアップロードできると記載されています。

addBlobs (canvasData[, params[, endpoint]]);

これをどのように統合して保存し、tempLink を取り戻すのが最善でしょうか? 通常の選択されたファイルと同様に、署名、要求などで以下のように S3 構造を使用しますか? これは とどのようにリンクしていaddBlobsますか?

$("#fine-uploader").fineUploaderS3({
    request: {
        endpoint: '{ YOUR_BUCKET_NAME }.s3.amazonaws.com'
        accessKey: '{ YOUR_ACCESS_KEY }'
    },
    signature: {
        endpoint: '/s3/signature'
    },
    uploadSuccess: {
        endpoint: '/s3/success'
    },
    iframeSupport: {
        localBlankPagePath: '/success.html'
    }
}).on('complete', function(event, id, name, response) {
    if (response.success) {
        console.log(response.tempLink);
    }
});