使用 javascript 使用本地图像创建图像对象 [关闭]答案

【问题标题】：Creating image object with local image using javascript [closed]使用 javascript 使用本地图像创建图像对象 [关闭]
【发布时间】：2012-02-27 21:28:53
【问题描述】：

当用户从 html 页面选择文件时，我想创建图像对象。

如何为动态图像创建图像对象。谁能分享我的样本 sn-p 。

提前致谢

【问题讨论】：

【解决方案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 很有用。

【讨论】：

【解决方案2】：

以下代码将创建一个空图像对象并设置其 src。

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

我们无法确定您的问题和目的。请用最少的测试用例制作一个 jsfiddle。或者清楚地解释你的问题。

【讨论】：