form_forのfile_fieldで画像を選択したと同時に送信する方法

Ruby on Railsでアプリを作成中です。
form_forのfile_fieldで画像を投稿出来るフォームを作ろうと思っています。
ここではsubmitボタンは実装せず、画像を選択したと同時にアップロードされる仕組みを作ろうと思っています。
つまりはsubmitボタンを実装せずにsubmitされる仕組みを作りたいと考えているのですが何か方法はあるでしょうか？色々考えたのですがアイデアが思い浮かばなく質問させてもらいました。

非同期、同期どちらの送信方法でも大丈夫です。
よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

#サンプル

Ruby は門外漢なので、HTMLとjQuery のサンプルを記述しておきます。

html
1<!DOCTYPE HTML>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8">
5		<title></title>
6	</head>
7	<body>
8		<div id="wrap">
9			<form action="" enctype="multipart/form-data">
10				<input type="file" name="upfile" />
11			</form>
12		</div>
13		<script type="text/javascript" src="//code.jquery.com/jquery-3.1.1.min.js"></script>
14		<script type="text/javascript">
15			$('input[type=file]').on('change', function (e) {
16				console.log(e.target.files);
17				if (e.target.files[0].size > 0) {
18					$(this).parents('form').submit();
19				}
20			});
21		</script>
22	</body>
23</html>