用img标签呢

可以将截图后的图片数据转换为Data URI Scheme格式（即`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...`），然后将其作为`img`标签的`src`属性值来显示和上传到服务器。

HTML部分：

<img id="screenshot">
<button onclick="capture()">Capture</button>

JavaScript部分：

// 获取需要截图的元素
var element = document.getElementById("element-id");

// 截图函数
function capture() {
  // 创建一个新的Image对象
  var image = new Image();

  // 设置canvas大小
  var canvas = document.createElement("canvas");
  canvas.width = element.offsetWidth;
  canvas.height = element.offsetHeight;

  // 绘制截图
  var ctx = canvas.getContext("2d");
  ctx.drawImage(element, 0, 0, element.offsetWidth, element.offsetHeight, 0, 0, element.offsetWidth, element.offsetHeight);

  // 转换为Data URI格式
  image.src = canvas.toDataURL("image/png");

  // 显示截图
  document.getElementById("screenshot").src = image.src;

  // 发送到服务器
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "server.php", true);
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      console.log(xhr.responseText);
    }
  };
  xhr.send("img=" + encodeURIComponent(image.src));
}

其中，需要截图的元素可以使用其ID进行获取，如`document.getElementById("element-id")`。截图后，可以将其转换为Data URI格式，并将其作为`img`标签的`src`属性值来显示和上传到服务器。可以通过`$_POST['img']`获取传输的图片数据。