能否不发送请求下载,而用js实现<img>元素另存为

<!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>


收到一只叮咚
浏览 606回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript