访问<img/>标记数据

Question

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

Answer 1

可以使用HTML5的<canvas>：

来完成

对于IE中的画布支持：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');

• 将图像复制到画布中：
  context.drawImage(document.getElementById('your_image_id'),0,0);

• 根据需要修改：https://developer.mozilla.org/en/Canvas_tutorial

• 获取数据网址：
  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;
}