Javascriptの値をRailsのController側にajaxを使って渡したいがデータ容量が大きすぎる

Question

前提・実現したいこと

javascriptにある画像データをcontroller側で受け取ってファイルに書き込みたい。

発生している問題・エラーメッセージ

データが大きすぎるようです。canvas.toDataUrlで文字列に変換された画像データがdataに入っています。

$('#save-button').click(function(){
		var canvas = document.getElementById('canvas');
		var url = canvas.toDataURL('image/jpeg');
		$("#picture_pic").val(""); 
		$("#picture_pic").val(url);
		// $("#new_picture").submit();
		$.ajax({
		    url: "indices/canvasurl",
		    type: "get",
		    data: {content: url},
		    datatype: "text",
		    success: function(data){
		      alert('success');
		    },
		    error: function(jqXHR, textStatus, errorThrown){
    		  alert(textStatus);
    		  alert(errorThrown.message)
    		  alert(jqXHR.status)
    		  alert(jqXHR.responseText)
    		},
		});
	});

基本この方のブログ記事-javascriptの値をrailsのController側に渡すに従って進めました。

容量の大きなデータをajaxで送信するのに良い手段はないのでしょうか？

皆さんのお知恵を拝借できれは幸甚です。

####よろしくおねがいします。

補足情報（FW/ツールのバージョンなど）

開発環境：could9
ruby: 2.3.1p112
rails: 4.2.6
ここにより詳細な情報を記載してください。

Answer 1

容量の大きなデータをajaxで送信するのに良い手段はないのでしょうか？

URL展開ではなくPOSTさせましょう。FormDataを使えば、Ajaxにもファイルを載せられます。

Comments

[hokosugi]

なるほど、getはurlの後ろにデータを付け足す送信方式だから文字数に限度があるのですね。
Postで試してFormDataもトライしてみます。