Vue.jsからCloudinaryにaxiosを使い画像をアップロード

Question

ブログのようなアプリケーションを実装中です。

Vue.jsベースで作成しており、記事投稿画面でCloudinaryに画像をアップロードして
記事閲覧時にはCloudinaryから画像を引っ張ってくる仕組みを考えています。

CloudinaryにAPI通信で画像をアップロードしたいのですが、Bad Requestと言われ画像がアップロードできません。

==upload method==

FILE: 画像ファイルデータ
UPLOAD_PRESET: 未署名のアップロードプリセット名
CL_URL: APIのURL

let formData = new FormData()
formData.append('file', FILE)
formData.append('upload_preset', UPLOAD_PRESET)

axios
.post(CL_URL, formData)
.then((result)=>{console.log(result)})
.catch((err)=>{console.log(err)})

==エラー内容==
Error: Request failed with status code 400
at createError (createError.js?2d83:16)
at settle (settle.js?467f:18)
at XMLHttpRequest.handleLoad (xhr.js?b50d:77)

何が足りないのかさっぱりです。
ご教授願いたいです。