有沒有辦法讓本地圖片進入一個沒有後端的靜態網站？

Question

我擁有的是一個靜態網站，應該提供從用戶計算機上顯示本地圖像。這個網站沒有真正的後端，它只託管在一個靜態文件服務器上。此外，圖像沒有在服務器上處理，所有的處理都是在網站本身的客戶端機器上進行的。

我已經試過：

1. 使用本地路徑。 問題：交叉來源政策，如果網站託管在「www.mywebsite.com」下，瀏覽器不支持靜態文件。

2. 使用imageshack.us API在iframe中上傳，然後獲取圖像的url。 問題：交叉來源政策，如果iframe的內容不在同一個域中，則iframe不得將信息傳輸給其父母。

你有什麼想法如何解決這個問題？

感謝

Answer 1

您可以使用FileReader API的readAsDataURL，並使用返回的數據URL來顯示圖像。 MDN的頁面有一個例子，就是這樣做的，你可以看到它工作here。

注意，FileReader API是相對較新，並且在IE

Demo of MDN's code

它不支持