是否有可能通過input =「file」將圖像讀入img標籤？

Question

我最近一直在用PHP和jQuery等文件上傳實驗，我想知道用戶是否可以打開文件對話框（使用「文件」輸入標籤），選擇一個圖像，然後在img標籤中顯示該圖像？然後用戶點擊「上傳」，它會從img標籤讀取圖像數據並上傳到服務器上？無論如何，這樣的事情......我希望用戶能夠在他們上傳之前查看他們的照片。我目前在我的頁面上集成了一個帶有自定義按鈕的文件輸入標籤，但是我還是堅持了。任何人都可以伸出援手嗎？任何幫助表示讚賞。謝謝。

Answer 1

看看Show an image preview before upload，它有一些關於在HTML5中執行此操作的信息。

除此之外，使用標準<input type="file" />它可能不會發生。你可以使用類似Flash或Silverlight的東西，它可以對計算機進行沙盒訪問，也可以在上傳之前讀取並顯示圖像。