ajaxで画像を複数アップロードする際、FormDataを使わない方法がわかりません

Question

やりたいこと

ajaxで画像を複数アップロードしたいと考えています。
その際、FormDataを使用せずに複数の画像をアップロードする方法が知りたいです。

FormDataの使用への不安

自身で調べた際に、画像のアップロードをする場合、以下のようにFormDataを使用することを考えました。

html
<form id="send-form" method="post" enctype="multipart/form-data">
	<input type="text" name="sample" value="">
	<input type="file" name="file[]">
	<input type="file" name="file[]">
	<input type="file" name="file[]">
	<input type="submit" value="送信">
</form>

jquery
$(function() {
	$('#send-form').submit(function() {
		/* 画像ファイルの取得・セット */
		var fd = new FormData();
		var fd = new FormData($('#send-form').get(0));
		/* その他フォームデータのセット */
		var sample = $('*[name="sample"]').val();
		fd.append('sample', sample);
		/* Ajax経由でデータを登録 */
		$.ajax({	
		url: 'upload.php',
		type: 'POST',
		data: fd,
		cache: false,
		contentType: false,
		processData: false,
		dataType: 'html'
		})
		.done( (data) => {
			alert("成功");
		})
		.fail( (data) => {
			alert("失敗");
		})
		.always( (data) => {
		});
	});
});

書いたコード

しかし、FormDataが使えない機種やブラウザがあるという情報を目にして以来、FormDataはなるべく使いたくないと思い、FormDataを使用せずにコードを書こうと思いました。

以下のようなコードを書いたのですが、画像データの取得方法がわかりません。
※コード内の、「'file':この部分の書き方がわかりません。」のところです。

jquery
$(function() {
	$('#send-form').submit(function() {
		$.ajax({	
			url: 'upload.php',
			type: 'POST',
			data:{
				'sample':$('*[name="sample"]').val(),
				'file':この部分の書き方がわかりません。
			},
			cache: false,
			contentType: false,
			processData: false,
			dataType: 'html'
		})
		.done( (data) => {
			alert("成功");
		})
		.fail( (data) => {
			alert("失敗");
		})
		.always( (data) => {
		});
	});
});

ajaxで画像を複数アップロードすることを、FormDataを使用せずに実現する方法について、ご存知の方がいらっしゃいましたら、ご教授いただけましたら幸いでございます。

何卒、よろしくお願いいたします。

Answer 1

ajaxで画像を複数アップロードすることを、FormDataを使用せずに実現する方法

1つであっても、FormDataを使うしかありません。

FormDataが使えない機種やブラウザがあるという情報を目にして以来

そのようなブラウザでは、（両側に特殊なエンコードを加えて文字列などに詰め直す方法を除けば）Ajax送信にファイルを載せることができません。

Comments

[m.ts10806]

そういえば昔、対応されてないブラウザ向けに最小サイズのサブウィンドウ開いて、それに向けて_blankでPOSTするという力業で対応したことがあります。

[yayak]

maisumakun様、そうだったのですね。そういうことであれば、FormDataを今後は使うことにします！
有難うございます。

[yayak]

m.ts10806様、その発想はすごいですね！力業を思いつける発想力、私も身に着けたいです。

[hentaiman]

世の中には未だにIEから離れたくないおじいちゃん（種族：お金と権力によるパワータイプ）もいますからね
間抜けなやり方だと思っても今時こんなやり方かよと感じても、必要な時は必要だから出来るに越したことはないですね

[maisumakun]

IE 10ですらFormDataには対応していますし、特定のレガシー環境をサポートし続ける状況でもなければ、非対応環境はほぼ考慮する必要はないかと思います。

https://developer.mozilla.org/ja/docs/Web/API/FormData

[m.ts10806]

結局IE9以前かどうかを見て処理を分岐させることになるので、作るものが増え、そのぶんバグも増え、テストも増えるだけなので、今時分、そこまで考慮して対応する必要はないというところmaisumakunさんのおっしゃる通りと思います。
そういう要件が出たときに考えれば良い話で、さすがに業務端末でアップグレードの止められたWin7が残り続けるとは思えないです。