PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] 關於跨網讀圖片 CORS 問題
作者:
nevikw39
(牧)
2019-07-13 17:47:44
板上各位大大安安,
我最近在寫一個網頁,可以讓使用者上傳多個圖片或輸入網址,讀取圖片後加到 card-
columns 裡,並利用 face-api.js 找出臉孔特徵且繪製。
上傳的部分比較容易,但在處理網址時我就碰上麻煩惹。明明設好 img 的 src 且圖片正常
顯示,但使用 faceapi.detectSingleFace(img) 就跳出 Tainted canvases may not be
loaded. 錯誤。
類似問題在之前寫插件的時候也困擾我許久,查惹半天資料還是霧煞煞,最後靠改成
faceapi.detectAllFaces(await faceapi.fetchImage(x.src)) 解決。打開 DevTools
console 試試 await fetchImage($0.src) 毫不意外地被 CORS 擋了下來。因此,我再試
await fetch($0.src, { mode: 'no-cors' }),雖然沒有報錯,status 卻為 0、blob()
size 卻也是 0,但在 network 頁面 status 都 200,preview 也正常。
請教各位大大,遇到 CORS 這種問題該怎麼處理?
感謝
網頁:
https://www.kevinweng.tk/ab/bold-training.js
https://www.kevinweng.tk/ab/bold-training.html
作者:
art1
(人,原來不是人)
2019-07-14 02:15:00
原來是遮蔽韓臉的作者
作者:
Sunal
(SSSSSSSSSSSSSSSSSSSSSSS)
2019-07-14 08:47:00
CORS通常都是前後端要一起解決..
作者:
vi000246
(Vi)
2019-07-15 17:47:00
cors是瀏覽器保護自己電腦 不要載入外部的資源我覺得與其想辨法繞過CORS 乾脆做在後端就好之前研究這問題 有找到一種解法 用自己的domain做轉址例如
https://yourdomain.com/api/imageUrl
這樣這樣轉一層應該不會耗太多流量
https://corsproxy.github.io/
繼續閱讀
[問題] 網域設定
ReadSnow
[請益] 徵人幫忙製作陽春的網頁
timmy999
[問題] brackets編譯scss問題
e3114
[情報] 2019 PIXNET 黑客松
chaos012
[問題] 新手剛碰Vue 頁面無法顯示component
Louisay11
[問題] 新手架站問題--線上顯示和線下不同
ocrimsono
[問題] firebase上傳之後,引用...(已解
ducksoul
[討論] 表單電話欄位的輸入格式
jack82822005
[問題] 架站新手詢問
haoyuan3151
[問題] 手機全螢幕fix的bug
ReadSnow
Links
booklink
Contact Us: admin [ a t ] ucptt.com