Ajax上傳文件/照片時(shí)報(bào)錯(cuò)TypeError ：Illegal invocation

MockingBird 發(fā)布于2019-08-23 14:36 / 1887人閱讀

摘要：?jiǎn)栴}上傳文件照片時(shí)報(bào)錯(cuò)解決網(wǎng)上搜索問(wèn)題，錯(cuò)誤原因可能有以下幾個(gè)，依次檢查請(qǐng)求類(lèi)型有誤，如請(qǐng)求，但在后臺(tái)設(shè)置的是請(qǐng)求參數(shù)有誤。

問(wèn)題

Ajax上傳文件/照片時(shí)報(bào)錯(cuò)TypeError ：Illegal invocation

解決

網(wǎng)上搜索問(wèn)題，錯(cuò)誤原因可能有以下幾個(gè)，依次檢查：

請(qǐng)求類(lèi)型有誤，如post請(qǐng)求，但在后臺(tái)設(shè)置的是get請(qǐng)求

參數(shù)有誤。如沒(méi)有傳參，或是參數(shù)對(duì)應(yīng)不上去

File類(lèi)型的參數(shù)被預(yù)先處理了

檢查后發(fā)現(xiàn)應(yīng)該時(shí)原因3，故修改代碼，設(shè)置$.ajax的processData: false：

getToken().then( res => {
  console.log("獲取七牛云token后上傳圖片")
  if(!res.hasOwnProperty("data")) return
  // 整理參數(shù)
  var formData = new FormData()
  formData.append("token", res.data)
  formData.append("file", file)
  $.ajax({
    url: "",
    type: "POST",
    contentType: "multipart/form-data",
    processData: false,  // 增加這一行，不處理參數(shù)
    data: formData,
    success: function (result) {
      console.log(result)
    }
  })
})

參考

使用AJAX實(shí)現(xiàn)文件上傳時(shí)Illegal invocation錯(cuò)誤

jquery ajax報(bào)Uncaught TypeError ：Illegal invocation

GPU云服務(wù)器云服務(wù)器 tomcat啟動(dòng)時(shí)報(bào)錯(cuò) ajax上傳文件 ajax文件上傳 ajax實(shí)現(xiàn)文件上傳

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/100861.html

相關(guān)文章

Laravel項(xiàng)目上傳github后，clone到本地運(yùn)行時(shí)報(bào)錯(cuò)500的解決方法

摘要：主要原因是因?yàn)樯蟼鞯綍r(shí)文件會(huì)被忽略上傳，畢竟文件中有各種數(shù)據(jù)庫(kù)的連接信息，上傳之后有很?chē)?yán)重的安全隱患。再次執(zhí)行還是會(huì)報(bào)錯(cuò)此時(shí)依次執(zhí)行以下命令重啟項(xiàng)目會(huì)發(fā)現(xiàn)完美解決啦。這幾天自己在搗鼓一個(gè)laravel的項(xiàng)目，本地開(kāi)發(fā)上傳到github，再次clone到本地開(kāi)發(fā)的時(shí)候報(bào)錯(cuò)500。主要原因是因?yàn)樯蟼鞯絞ithub時(shí) .env 文件會(huì)被忽略上傳，畢竟 .env 文件中有各種數(shù)據(jù)庫(kù)的連接信...

lastSeries 2019-07-01 11:08 評(píng)論0 收藏0
dubbo源碼解析（四十）集群——router

摘要：源碼分析一創(chuàng)建一個(gè)該類(lèi)是基于條件表達(dá)式規(guī)則路由工廠類(lèi)。路由工廠獲得配置項(xiàng)，默認(rèn)為獲得獲得類(lèi)型讀取規(guī)則獲得腳本路由獲得路由后記該部分相關(guān)的源碼解析地址該文章講解了集群中關(guān)于路由規(guī)則實(shí)現(xiàn)的部分。集群——router 目標(biāo)：介紹dubbo中集群的路由，介紹dubbo-cluster下router包的源碼。前言路由規(guī)則決定一次 dubbo 服務(wù)調(diào)用的目標(biāo)服務(wù)器，分為條件路由規(guī)則和腳本路...

FullStackDeveloper 2019-08-16 15:04 評(píng)論0 收藏0
貓頭鷹的深夜翻譯：從1000+JS項(xiàng)目中匯總的10個(gè)最容易出現(xiàn)的錯(cuò)誤(以及如何解決)

摘要：常出現(xiàn)的錯(cuò)誤前十位為了可讀性，錯(cuò)誤名稱(chēng)進(jìn)行了一定的簡(jiǎn)寫(xiě)。讓我們深入了解每個(gè)錯(cuò)誤發(fā)生的原因以及解決方法。這個(gè)問(wèn)題很容易解決。當(dāng)未捕獲的錯(cuò)誤跨越違法跨域策略的域邊界時(shí)，會(huì)發(fā)生腳本錯(cuò)誤。這是當(dāng)你在中試圖調(diào)用的方法時(shí)出現(xiàn)的錯(cuò)誤。 JavaScript常出現(xiàn)的錯(cuò)誤前十位 showImg(https://segmentfault.com/img/bV3Z1z?w=1116&h=691); 為了可讀...

eccozhou 2019-08-26 11:46 評(píng)論0 收藏0
Python 3 學(xué)習(xí)筆記之——錯(cuò)誤和異常

摘要：異常即使程序的語(yǔ)法是正確的，但是在運(yùn)行的時(shí)候，也有可能發(fā)生錯(cuò)誤，運(yùn)行期監(jiān)測(cè)到的錯(cuò)誤稱(chēng)為異常。此時(shí)可以打印出錯(cuò)誤信息，然后再次把異常拋出。這個(gè)子句將在子句沒(méi)有發(fā)生任何異常的時(shí)候執(zhí)行。異常類(lèi)繼承自，可以直接繼承，或者間接繼承。 1. 語(yǔ)法錯(cuò)誤 Python 的語(yǔ)法錯(cuò)誤被稱(chēng)為解析錯(cuò)，語(yǔ)法分析器會(huì)指出出錯(cuò)的代碼行，并且在最先找到的錯(cuò)誤的位置標(biāo)記一個(gè)小小的箭頭。 >>> while True ...

techstay 2019-07-31 11:15 評(píng)論0 收藏0
Dubbo 源碼分析 - 集群容錯(cuò)之 Router

摘要：源碼分析條件路由規(guī)則有兩個(gè)條件組成，分別用于對(duì)服務(wù)消費(fèi)者和提供者進(jìn)行匹配。如果服務(wù)提供者匹配條件為空，表示對(duì)某些服務(wù)消費(fèi)者禁用服務(wù)。此時(shí)第六次循環(huán)分隔符，，。第二個(gè)和第三個(gè)參數(shù)來(lái)自方法的參數(shù)列表，這兩個(gè)參數(shù)分別為服務(wù)提供者和服務(wù)消費(fèi)者。 1. 簡(jiǎn)介上一篇文章分析了集群容錯(cuò)的第一部分 -- 服務(wù)目錄 Directory。服務(wù)目錄在刷新 Invoker 列表的過(guò)程中，會(huì)通過(guò) Router...

jcc 2019-08-16 13:45 評(píng)論0 收藏0