twitter facebook

JavaScriptのFormDataの使用法

html
<form method="post" enctype="multipart/form-data">
<input type="hidden" name="id" value="1" />
<input type="hidden" name="name" value="hogehoge" />

<!-- このボタンをクリックすると _upload() を実行 //-->
<input type="button" value=" アップロード " onclick="_upload(this.form);" />

</form>
js
function _upload(frm)
{
	// form のデーターを一括で取得。
	var frm_date = new FormData( $(frm).get(0) );

	// さらにパラメーターも追加できます。
	frm_date.append('param2', 'hogehoge');

	// パラメーターの取得
	var id = frm_date.get('id');

	// パラメーターの更新
	frm_date.set('id', 999999);

	// Ajaxで送信
	$.ajax({
		url: './xxx.php',method: 'post',data: frm_date, processData:false, contentType: false
	}).done(function( ret ) {
		console.log( 'SUCCESS', ret );
	}).fail(function( xhr, status, error ) {
		console.log( 'ERROR', xhr, status, error );
	});
}
AUTHOR
@tanaka.k
最終更新日 2018/09/27
FAVORITE good stock
LINK TAG
記法を見る