railsでajax通信すると"Provisional headers are shown"でnetworkのstatusがキャンセルされる。

Question

railsアプリ内でajax通信を使って画像データを渡すjsコードを作りました。

	$('#save-button').click(function(){
		var canvas = document.getElementById('canvass');
		var content = canvas.toDataURL('image/png');
		var blob = Base64toBlob(content);
		var fd = new FormData();
		fd.append('content', blob);
		
　　　　　$.ajax({
            url: "/users/" + gon.user_id + "/indices/" + gon.index_id + "/uploadtoaws",
            type: "post",
            data: fd,
            processData: false,
            contentType: false,
            datatype: "text",
            success: function(data,jqXHR){
              console.log(jqXHR);
            },
            error: function(jqXHR, textStatus, errorThrown){
                alert(textStatus);
                alert(errorThrown.message);
                alert(jqXHR.status);
                alert(jqXHR.responseText);
            },
        });
});

これで明示的なalertは出ないものの通信がurlに渡っていない。chromeの開発ルール、networkを見るとstatusがcancelされprovisional headers are shownが表示されていました。
ググって調べた、
0. cacheを消す

1. クロスオリジン(CORS)を設定する

を順に試してcacheが原因ではないようです。2.のクロスオリジンを設定したいのですがやり方がよく分かりません。
ぐぐっても私レベルで理解できるサイトはありませんでした。
どのファイルにどう設定すればよいかアドバイス頂けると嬉しいです。

ruby: 2.3.1
rails: 4.2.10

Answer 1

自己解決しました。
渡すfdを小さくして（例えば"test"とか数文字列）試したところ、正常に通信していることがわかりました。
どうもfromdataの容量が大きすぎてurlに渡しきる前にlink_toのurlに飛んでしまって通信がキャンセルされていたようです。１０回に１度くらいはS3にデータ保存されていたのでたまたまキャンセルされなかっただけなんでしょうね、疑問が解けました。ruby on railsアプリの中での通信なのでクロスオリジンを疑う必要はなかったのにそっちに入って嵌ってしまいました。

link_toの代わりにinputタグでajax起動してsuccess後にlocation.href = [rails.route]でおk
通信時間だけ待たないといけないですが仕方ないです。