Base64画像を使用するデータURIをPOSTへの入力として

Question

Base64データURL形式のAPIからイメージを取得しています。私はこれをフォームデータのファイルを期待している別のAPIへの入力として使用する必要があります。ここではCURL例です：

curl -X POST "<API URL>" -H 'content-type: multipart/form-data' -F "files=@/path/to/your/file.png" 

私はdataURItoBlobユーティリティを発見し、私はこれをやっている：

imageBlob = dataURItoBlob(dataUrl); 
var ajaxData = new FormData(); 
ajaxData.append('files', imageBlob); 

それから私はAjaxのPOSTのためのデータ要素としてajaxDataを渡しています。そのAPIはファイルをAmazonに保存し、URLを返します。

URLは「blob」という名前のファイルをダウンロードし、これを「blob.png」という名前に変更すると、有効な画像であることがわかります。ですから、1つの質問は、formdataに名前を指定して適切な拡張子を持つにはどうすればいいのですか？そして、ここで私が間違っているのは、通常のファイルアップロードで通常起こることを完全にエミュレートしていないことですか？

Answer 1

あなたは、ファイル名

ajaxData.append('files', imageBlob, "image.png"); 

Answer 2

ああ、それを理解しました。最初のファイルへのブロブを変換する必要がありました：

imageFile = new File([imageBlob], "image.png")