我正在从其他网站动态提取远程图像。这些图像中的一些在尺寸方面非常大。然而,它们的宽度都相同。
目前,我使用overflow:hidden;
显示它们。然而,一些图像是非常大的高度明智。因此,这些图像的加载时间很长,即使只显示其尺寸的一小部分
有没有办法(使用JQuery)基本上裁剪一个远程存在的图像,因为我将它拉进去显示?
答案 0 :(得分:0)
javascript是客户端,意味着它在您的计算机上运行。如果没有完全加载js,你就无法使用js操作图像(即使你在js上有图像处理库)。
在您的情况下,您想要操纵远程主机上的图像 - 发出使用javascript获取图像的一部分的HTTP请求 - 这是不可能的(除非您有某种类型的Web服务)。
在您的情况下 - 您可以从服务器A下载整个图像并将其上传到服务器B并使用服务器B运行操作。
更好的方法是从服务器A下载整个图像 - 使用javascript(和html画布)进行操作并生成修改后的版本并将修改后的版本发送到服务器B.由于下载速度快且上传速度慢 - 这应该很快。
在这两种情况下,您都需要下载整个图像。在第二种方法中,您不必将原始(大)图像上传到服务器,而只需将较小的修改版本上传。