巧用a标签的download属性实现无需解码base64即可下载

原创 野人  2022-01-14 21:55  阅读 117 次

最近搞了个zba插件(ZBlog插件特有的格式)在线解析的小工具,本来是打算上架到ZBlog官方的应用中心后,再来写跟这个插件有关系的文章,但是Zblog的审核人员说没有必要,因为ZBlog里面自身就带有上传后就实现了解析,然而我开发这款插件的目的就是有时候每次看到别人如果有人传zba文件,我要打开本地的服务器,然后在把文件上传,然后再去找对应的插件文件夹,然后才可以看到里面的源码,这也太麻烦了,本身我只想尽快快速的了解下人家这插件是如何运转的,一些我所关注的功能是怎么实现的,就好了,所以就想着那么简单点,快速就可以知道插件里面的内容就可以了,然后就去开发了。

没上架成功,还是有点小伤心(毕竟也花了时间,心血在里面,能不难受嘛),本来还想解释一番这个插件的目的,想了想,毕竟是别人的应用中心,各有各的看法/想法,算了,反正都是自己写的小需求,发在自己的网站照样一样呀。

卧槽,严重跑题了,当然没有跑题啦,我这是在交代写这篇文章的背景,所以没跑题,接下来,话不多说了,直接开整,上代码。

<a href="data:text/plain;base64,6YeO5Lq65Y2a5a6i77yad3d3LnllcmVud3ouY29t" download="野人博客网址.txt">点我试试</a>

把上面的代码复制在HTML中,然后点击那个按钮,就可以看到效果了,会弹出下载框,然后里面的内容就是解码base64,这样我们就不需要单独去处理base64的解码问题了,很香的,zba插件(ZBlog插件特有的格式)在线解析的小工具里面的下载就是用到了这个原理。

关于上面的那段HTML代码,包含了两个知识点,如下:

1、Data URI scheme(其实前面几天的文章也有提到过)

2、a标签新属性download,非常实用。

参考资料

web 另类方法实现“另存为”功能

本文地址:https://www.yerenwz.com/5575.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论

  1. 龙笑天
    龙笑天 【农民】 @回复

    非常赞 网站文章很不错啊 学到了很多小技巧~

    • 野人
      野人【站长】2022-01-27 at 19:23  回复

      @龙笑天来啊,互相学习(不要那么卷了行不行呀),互相伤害呀 [嘻嘻]