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> <a o
<img src="src" alt="no image" id="QRImage" />
这些是我的按钮:
<a onclick="Download(1)" href="javascript:;" >
<i class="fa fa-download"></i> Little
</a>
<a onclick="Download(2)" href="javascript:;" >
<i class="fa fa-download"></i> Medium
</a>
<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;