<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<img
src='https://sfault-avatar.b0.upaiyun.com/498/442/498442326-5810374d88a21_big64'
id='img' >
<button onclick="download()">下载</button>
<script>
/**
* 是否存在某种途径,可以实现点击后,直接在浏览器端把图片保存到用户的电脑上?
* ps: 我用尝试了一种方法,把img转成canvas,然后使用FileSaver.js能做到,
* 但是,这个保存出来的图片,体积很大,存在性能问题。
* 所以,我在想,能否直接把<img>元素的图片直接保存到用户的电脑上?
* 一般的做法,都是点击按钮,发送一个请求到服务器下载到用户电脑上,
* 我知道我这想法有点另类,但希望能讨论一下
**/
function download(){
var img = document.getElementById('img');
//......
}
</script>
</body>
</html>
相关分类