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

 

小拇指個一點

完美~~~~~~~~