Javascript 如何在jquery中下载不同大小的图像?

Javascript 如何在jquery中下载不同大小的图像?,javascript,jquery,html,Javascript,Jquery,Html,我想创建按钮,以便每个按钮在页面中下载不同大小的图像。这是我的照片: <img src="src" alt="no image" id="QRImage" /> 这些是我的按钮: <a onclick="Download(1)" href="javascript:;" > <i class="fa fa-download"></i> Little </a> &nbsp;&nbsp; <a o

我想创建按钮,以便每个按钮在页面中下载不同大小的图像。这是我的照片:

<img src="src" alt="no image" id="QRImage" />

这些是我的按钮:

  <a onclick="Download(1)" href="javascript:;" >
  <i class="fa fa-download"></i> Little
  </a>  &nbsp;&nbsp;
  <a onclick="Download(2)" href="javascript:;" >
  <i class="fa fa-download"></i> Medium
  </a>  &nbsp;&nbsp;
  <a onclick="Download(3)" href="javascript:;">
  <i class="fa fa-download"></i> Large
  </a> 


我所要做的就是编写一个函数,获取参数并根据该参数下载图像,而不更改html中显示的图像。非常感谢您的帮助。

要开始下载,只需将页面位置更改为图像的URL即可,因此下载功能可以执行以下操作:

function Download(id) {
  location.href = '/content/images/image' + id + '.png';
}

web浏览器知道此URL不是要显示的网页,而是要下载的文件,并将资源作为文件启动下载。

Javascript有一个很好的图像对象用于这种情况

var anImageUrl  = "https://www.google.com.tr/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"

downloadImage(anImageUrl);

// Wrapped as function according to requirement
function downloadImage(imgURL){
  // Constructor parameters are width and height
  var image = new Image(544, 184);

  image.src = imgURL;

  // Make sure image downloaded completely
  image.onload = function(){
    $("body").append(image);
  }
}

您可以像上一块一样随时更改图像的宽度和高度


其他信息;一些分析工具通常使用该对象来发出异步请求。

使用google并键入
javascript从url下载图像怎么样?据我所知,您将需要一个指向图像的URL。我找到了如何下载图像的方法,但我找不到任何允许更改图像大小的解决方案;我确信您需要在服务器上保持图像的正确大小,这样您就可以使用您正在编码的每种语言更改图像的大小。无论如何,您也可以使用javascript调整图像大小。如果您不需要IEG的支持,或者您在服务器上有不同大小的文件,并且您为想要的文件设置了img的src,或者您只有一个大小,然后使用img的
width
height
属性可能的重复
image.width = 200;
image.height = 300;