@同源策略

動態 列表
@steven_code

在Chrome瀏覽器中，即使<img crossOrigin=anonymous>也會被同源策略攔截

在一次開發中，遇到了生成海報的需求：在圖片相冊界面用户選擇若干張圖片，在海報編輯界面用户通過拖動這些圖片生成一張海報，供用户下載。 在圖片相冊界面，圖片均展示正常且無報錯發生。當用户選擇若干張圖片之後，進入海報編輯界面前，添加cors屬性img crossOrigin=anonymous重新加載這些圖片，以便canvas處理這些圖片數據（圖片添加cors屬性原因）。神奇的是：所有的圖片均無法顯示，

緩存 , img標籤 , chrome , 同源策略 , cors
steven_code 頭像

@steven_code

昵稱 Steven

@huaweiclouddeveloper

瀏覽器同源策略，聽説過麼？

摘要：同源策略就是指必須在同一個協議，域名，端口號下，而且三者必須一致的。 本文會從以下幾個方面講述同源策略： 第一點 what：什麼是同源策略 第二點 why：為什麼需要同源策略 第三點 how：如何解決經典的跨域問題 什麼是同源策略 什麼是同源策略呢？通常一個概念出來之後，我會從生活的實際例子找到解析，你可以想象一下，假如你們家的房子，是不是不允許陌生人進入，如果可以隨便進入，那麼久有可能被盜

跨域 , 同源策略 , cors , jsonp , 瀏覽器
huaweiclouddeveloper 頭像

@huaweiclouddeveloper

昵稱 華為雲開發者聯盟

1