首页 建站知识 源码分享 素材下载 经验分享

js实现PC电脑端点击下载图片到本地

发布时间:2019年08月11日 19:07:35
var image = new Image();
image.crossOrigin = "anonymous";
image.src = "https://site.cndns.com/images/17index-1.png";
var fileName = image.src.split(/(\\|\/)/g).pop();
image.onload = function () {
	var canvas = document.createElement('canvas');
	canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size
	canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size
	canvas.getContext('2d').drawImage(this, 0, 0);
	var blob;
	// ... get as Data URI
	if (image.src.indexOf(".jpg") > -1) {
	blob = canvas.toDataURL("image/jpeg");
	} else if (image.src.indexOf(".png") > -1) {
	blob = canvas.toDataURL("image/png");
	} else if (image.src.indexOf(".gif") > -1) {
	blob = canvas.toDataURL("image/gif");
	} else {
	blob = canvas.toDataURL("image/png");
	}
	$("body").html("<a download='" + fileName + "' href='" + blob + "'>下载图片</a>");
};


点赞
(0)|
收藏
(0)
|
纠错
浏览 49 次
发布时间:2019年08月18日 10:48:02 所属 特效素材 spotlight.js图片画廊插件弹出层全屏幻灯片切换效果
spotlight.js图片画廊插件弹出层全屏幻灯片切换效果
spotlight.js图片画廊插件弹出层全屏幻灯片切换效果
特效素材
发布时间:2019年08月11日 19:07:35 所属 javascript js实现PC电脑端点击下载图片到本地
js实现PC电脑端点击下载图片到本地
javascript

推荐分享

热门