<!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>
能否不發送請求下載，而用js實現<img>元素另存為
收到一只叮咚
2018-11-07 17:13:32