功能系列
小懒猫ww
正在学习前端的菇凉
展开
-
图片下载到本地(3)
应用场景:需要批量下载图片,下载压缩包解决方案:将图片数据处理成arraybuffer类型或bold类型,使用jszip下载代码:// 接口处理// 获取二维码详情 Base64方式 -> arraybufferexport function getImg({ id: id }) { return request({ url: '/sys/qrcode/getImg', method: 'get', responseType: 'arraybuffer',原创 2021-04-25 10:53:30 · 116 阅读 · 0 评论 -
图片下载到本地(2)
应用场景:当后端返回的是纯base64数据时,处理展示和下载。示例:/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCXqDhIWGh4iJipK原创 2021-04-25 10:51:18 · 414 阅读 · 0 评论 -
图片下载到本地(1)
普通url的下载应用场景:当下载文件中存在浏览器可以直接预览的文件,使用a标签即使加了download仍然会在浏览器中打开下载文件。示例:https://wework.qpic.cn/wwpic/306595_0iIcXxBHTkKvsxV_1610689000/0https://allpro.saas.top/1610704815878.jpg解决方案:我们可以将下载地址借助Blob转换成二进制,然后,作为a标签的href属性,配合download属性,实现下载代码:const li原创 2021-02-22 17:58:53 · 762 阅读 · 0 评论 -
二维码和条形码的生成
插件pure-svg-code的git地址pure-svg-code通过返回svg和imgUrl来生成二维码、条形码<!--npm下载插件-->npm install pure-svg-code --save-dev应用<img :src="barCode" alt="条形码"><img :src="qrCode" alt="二维码">import { barcode, qrcode, svg2url } from 'pure-svg-code';g原创 2021-02-22 17:52:11 · 341 阅读 · 0 评论