將圖像預覽上傳到服務器之前顯示圖像預覽

Question

您好，我正在尋找一個基於Javascript或jQuery的解決方案來顯示SELECTED圖像的圖像預覽，而不是上傳的圖像。因此，只要用戶選擇圖像，就會顯示該圖像的預覽。 我沒有任何代碼，我在這裏很迷路。 我需要一個HTML + Javascript或基於jQuery的解決方案。 如果需要，我也可以使用一些PHP

Answer 1

要做到這一點，您需要使用HTML5 File API。除IE9外，幾乎所有最新的瀏覽器都支持此功能。 Safari 5.1支持此功能，但仍處於測試階段。您可以檢查HTML5 File API瀏覽器兼容性here。

有很多關於使用HTML5 File API顯示預覽的教程，如this或this。

如果您需要更多，您可以通過googling找到更多信息。您可能需要使用Progressive enhacement。