访问<img>标签数据

Question

我想访问标签数据，以便在使用Javascript图像处理库进行操作后，可以将此图像发送到服务器(数据库)。

Answer 1

这可以通过html5的<canvas>来实现。

对于IE中的canvas支持：http://me.eae.net/projects/iecanvas/

• 创建画布：

var canvas = document.createElement('CANVAS'); canvas.setAttribute('width',150);

canvas.setAttribute('height',150);

• 获取2D上下文：

将图像var context = canvas.getContext('2d');

• copy到画布中：

如您所愿:使用以下命令对数据context.drawImage(document.getElementById('your_image_id'),0,0);

• modify进行https://developer.mozilla.org/en/Canvas_tutorial

• get：

canvas.toDataURL()

就这样。

另外，请看：http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html

Answer 2

HTML Parser可能会对您有所帮助。它是一个免费的java库，你可以用它来浏览html页面并查找特定的标签来获取它的内容。我不知道它在实践中会如何工作，因为我还没有机会使用它，但我的学院推荐它

Answer 3

<image id="myimage" src="myimage.jpg">

javascript：

function getImage(){
 var imgsrc = document.getElementById('myimage').src;
 alert(imgsrc + ' is the source!');
 return;
}