uniapp中nvue里<image :src="https://aliyuncs.com/images/001.jpg">前端怎样获取image标签图片文件

在 Uniapp 中，你可以使用 uni.getImageInfo 方法获取图片信息，然后通过 Canvas API 将图片绘制到 Canvas 上，并使用 Canvas 的 toTempFilePath 方法将 Canvas 转换成临时文件路径，最后将临时文件路径上传给后台服务器。

以下是一种常见的实现方式：

// 获取 image 标签元素
const img = uni.createSelectorQuery().select('image').context();

// 获取图片信息
uni.getImageInfo({
  src: img.src,
  success: function(res) {
    // 创建 Canvas 元素
    const canvas = uni.createCanvasContext('myCanvas');

    // 在 Canvas 上绘制图片
    canvas.drawImage(res.path, 0, 0, res.width, res.height);

    // 将 Canvas 转换成临时文件路径
    canvas.toTempFilePath({
      success: function(res) {
        // 处理临时文件路径，可以将其上传给后台服务器
      }
    });
  }
});

在上面的代码中，我们首先使用 uni.createSelectorQuery 方法获取到 image 标签元素，然后使用 uni.getImageInfo 方法获取图片信息。接着，我们创建了一个 Canvas 元素，并使用 Canvas 的 drawImage 方法将图片绘制到 Canvas 上。最后，我们使用 Canvas 的 toTempFilePath 方法将 Canvas 转换成临时文件路径，并进行处理，比如上传给后台服务器。

需要注意的是，上面的代码中使用了 uni.getImageInfo 方法和 Canvas API，因此需要保证 uniapp 支持这些方法。另外，需要注意 Canvas API 在不同平台上的差异，具体可以参考相关文档或教程。