jS Ajaxアップロードファイルのエラー "Uncaught TypeError: 不正な呼び出し"
2022-02-19 04:31:55
ajaxからバックエンドに画像や文字列などを含むデータを渡す際に報告されるエラー。エラーコード
jquery-3.1.1.min.js:4 Uncaught TypeError: Illegal invocation
エラーの原因
jQuery Ajaxによるファイルアップロードの処理。
ajaxを使用してバックエンドにデータを送信する際、画像データのパラメータタイプがfileの場合、オブジェクトであり、文字列値ではありません。このため、次のようなエラーが発生します。
var formData = new FormData();
formData.append("file",$("#dcim1")[0].files[0]);
formData.append("real_name", $("#name").val());
まず、上記の問題がパラメータの書き間違いによるものかどうかを確認し、間違ってオブジェクトとして書かれている場合は、対応するパラメータタイプを変更してください。
アップロードしたいデータの1つがオブジェクト型であることが確かであれば、そのデータに
processData: false
contentType : false
$.ajax({
url : Url,
type : 'POST',
data : formData,
// Tell jQuery not to process the data sent
processData : false,
// Tell jQuery not to set the Content-Type request header
contentType : false,
dataType: "json",
success: function(data) {
...
}
テストが終了したら再送信してください。
参考
http://www.jb51.net/article/87654.htm
関連
-
[解決済み】Google Maps APIがAJAX使用時のみ「Uncaught ReferenceError: google is not defined」を投げる。
-
[解決済み] エラー「SCRIPT7002」の解決方法について。XMLHttpRequest: IEで「ネットワークエラー 0x80070005, アクセスは拒否されました。
-
[解決済み] ajaxの応答を待つためにseleniumを取得する方法?
-
[解決済み] AJAXはRest apiなのか
-
[解決済み] check_ajax_referer() は実際どのように動作するのでしょうか?
-
[解決済み] RichFacesのa4j:ajaxタグのevent属性の取りうる値のリスト
-
[解決済み] <p:ajax>イベント一覧
-
ajax リクエストが Uncaught TypeError を報告しました。不正な呼び出しエラー
-
AjaxにおけるbeforeSend関数の使用について
-
ajax+jsonを使用します。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン