使用javascript創建具有本地圖像的圖像對象

Question

我想在用戶從html頁面選擇文件時創建圖像對象。

如何創建動態圖像的圖像對象。任何人都可以與我分享樣本片段。

在此先感謝

Answer 1

基本上是：

• 您可以創建像任何其他元素的img元素：createElement。 （還有new Image()這是幾乎同樣的事情，只是一個傳統的機制。）

• 您可以通過設置src屬性，它可以是一個file:// URL的用戶提供設置它的源...

• ......或者你可以讓他們選擇input type="file"元素如果他們的瀏覽器支持使用File API;請參閱my answer to this other question以獲取圖像數據。

• 通過appendChild或相關方法，您可以將文檔中的img元素附加到要附加到其中的任何其他元素。

• 您可以找到使用getElementById，getElementsByTagName等，或（在大多數瀏覽器，但not all）querySelector/querySelectorAll已有的元素。

此外，各種規格內嵌鏈接上面，你還可以找到新的工作正在進行中HTML5 specification有用。

Answer 2

下面的代碼將創建一個空的圖像對象，它將設置其src。

var img = new Image(); 
img.src = ""; 

我們無法識別您的問題&的目的。請用最少的測試用例製作一個jsfiddle。或者清楚地解釋你的問題。