<!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>
添加回答
举报
0/150
提交
取消