使用javascript使用本地图像创建图像对象

Question

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

如何为动态图像创建图像对象。任何人都可以与我分享样本片段。

提前致谢

Answer 1

基本上：

• 您可以像创建其他任何元素一样创建img元素：createElement。 （还有new Image()这几乎是一回事，只是一种遗留机制。）

• 您可以通过设置src属性设置其来源，该属性可以是用户提供的file://网址...

• ...或者您可以让他们通过input type="file"元素选择如果他们的浏览器支持使用File API;有关以这种方式访问​​图像数据的信息，请参阅my answer to this other question。

• 您可以通过appendChild或相关方法将img元素添加到要附加到的任何其他元素中，从而将{{1}}元素放在文档中。

• 您可以使用getElementById，getElementsByTagName等查找现有元素，或者（在大多数浏览器上not all除外）{{3 } / querySelector。

除了上面链接的各种规范，您还可以找到有用的新工作querySelectorAll。

Answer 2

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

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

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