• vue 项目中 下载保存文件(MP3)


    前面解决了 a标down属性  down不下来的问题。今天来说一下遇到的下载mp3文件的需求。解决图片跨域 用到了canvas。那么mp3格式的文件,可以采用哪些方式down下来呢。

    1---form 表单 action 为下载地址 但是form表单有大小限制 对于不固定大小的MP3格式文件明显不友好。

    2---file-saver 插件

    vue 中应用

    安装 

    npm install file-saver --save
    

     

    安装后版本号
    
    "file-saver": "^2.0.0-rc.3",

    引入

    import saveAs from 'file-saver';
    var FileSaver = require('file-saver');
    

    使用 (通过一个自定义事件 触发该操作)

     FileSaver.saveAs(url地址 可以是动态获取变化的值)
    

    vue-aplayer 实用的音乐播放器 

    官方文档 https://www.npmjs.com/package/vue-aplayer

    原版正品

    样式可手工定制 自定义DIY /滑稽

    类iPhone音乐播放界面 实际体验很丝滑 很有仪式感 (点击后如唱片机一般更好)

    自动获取歌曲时间  时长小于1秒默认0

     

    小拇指个一点

    完美~~~~~~~~

  • 相关阅读:
    扩展运算符(Spread operator)
    增强的对象字面量,解构赋值
    ES6 模板字符串(template string)
    let和const
    svg实现放大效果
    svg制作风车旋转
    jquery实现某宝放大点击切换
    jQuery之文档处理
    jQuery之属性操作
    jQuery css操作
  • 原文地址:https://www.cnblogs.com/522040-m/p/9732286.html
Copyright © 2020-2023  润新知