クライアントサイドから画像アップロードする際の手段について質問です。

JSでFormDataを用いたAjaxアップロードについては散見しますが、通常のHTTPでPOST送信する方法が見つからず、その手段について知りたいです。

前提条件は、

  • クライアントサイドで画像ファイル選択
  • クロップ処理
  • dataURIの形式で取得(またはBlob変換)

この際のdataURI(BloB)データをフォームの<input type="file">に落としこむなどで、Ajaxではなく通常POSTでアップロード可能でしょうか?

以下の制限については調べてきた中で把握しています。

  • inputタグのfileはセキュリテイ上JSから選択ファイルを指定できない

バックエンドはRailsでcarrierwaveを利用しています。
dataURIを文字列形式で送り、処理する手法はいくつか見つかりました。

しかし、一般的な手法があるのであれば知りたい次第です。

皆様よろしくお願いいたします。