如何将图像发送到服务器。图像存在于客户端的 <img> 标签

Question

如果 type=“file”，有多种方法可以执行图片上传。这里的要求是将图像从图像标签发送到服务器。

无法转换为base64发送。由于尺寸限制。

<form id="form-url">
    <image src=“/images/defaultImg.jpg” id=“testImg1”/>
    <image src=“/images/defaultImg2.jpg” id=“testImg2”/>
    <button>UPLOAD onClick=“</button>
</form>

这就是我进行 Ajax 调用的方式。

$.get(“/appUI/ImageServiceController", {
                                action : “imageCompare”,
                                firstImage:$(‘#testImg1’).attr('src');,
                                secondImage:$(‘#testImg2’).attr('src');,
                }, function(res) {
                                alert(“success”);
                }).fail( function(request, status, errorThrown) {
        alert(“failed”);
                     }
                })
}

如何将此图像上传到服务器。

Answer 1

这是一个 X/Y 问题。

如果您从同一服务器提供图像，则该图像已在服务器上。

如果您从另一台服务器提供图像，您就有 URL

如果需要图片的页面不知道URL，那么将图片的URL发送到服务器，而不是尝试从客户端抓取图片