1.點(diǎn)擊按鈕發(fā)送請(qǐng)求給服務(wù)端
2.服務(wù)端將圖片以流的形式輸出(根據(jù)不同編程語言自己實(shí)現(xiàn))

HTML5 中 <a> 有個(gè) download 屬性，可以最簡(jiǎn)單的完成你的想法。

<a href="thisfile.jpg" download>點(diǎn)我試試</a>

或者 <a href="thisfile.jpg" download="thisfile.jpg">點(diǎn)我試試</a>

把圖片放到a標(biāo)簽中可以嗎？

謝邀！

服務(wù)端方案

服務(wù)端上傳下載應(yīng)該很簡(jiǎn)單，這個(gè)不必多言，您可以直接問您服務(wù)端的朋友，他們肯定懂得！如果您有使用七牛云、阿里云等他們應(yīng)該有提供下載接口！服務(wù)端下載優(yōu)點(diǎn)就是兼容性好！

前端方案

通過 <a> 的 download 屬性。

<a href="/path/to/img" download="download.png">下載圖片</a>

該方法有一定得瀏覽器兼容性https://caniuse.com/#search=d...，同時(shí) href 所指向的地址，必須與當(dāng)前網(wǎng)站同源，還有部分瀏覽器不能更改文件名！

通過 js 創(chuàng)建 <frame>

具體實(shí)現(xiàn)可參考改文章http://blog.csdn.net/jingshui...。該方法也需要href 所指向的地址，必須與當(dāng)前網(wǎng)站同源！

綜上所述，個(gè)人更推薦第一種方法，服務(wù)端下載！