这篇文章主要介绍了vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有本文来源gaodai#ma#com搞*!代#%^码网%一定的参考借鉴价值,需要的朋友可以参考下
看看效果叭
解压的文件
上传的文件格式
测试1|||测试1的文字
测试2|||测试2的文字
测试3|||测试3的文字
测试4|||测试4的文字
测试5|||测试5的文字
实现的逻辑如下
- 上传文件
- 解析txt
- 发送内容至百度语音合成
- 生成文件夹放置本次合成的mp3文件，并压缩成zip
- 发送zip的地址给前端
使用了 element-ui 的 el-upload 组件
<i class="el-icon-upload"></i><div class="el-upload__text"> 将文件拖到此处，或 <em>点击上传</em></div><div class="el-upload__tip">只能上传txt文件，且不超过1M</div>
在上传之前判断上传的文件是否符合要求
onBeforeUploadImage(file) { const isTxt = file.type === "text/plain"; const isLt1M = file.size / 1024 / 1024 <1; if (!isTxt) { this.$message.error("上传文件只能是txt格式!"); } if (!isLt1M) { this.$message.error("上传文件大小不能超过 1MB!"); } return isTxt && isLt1M; }
一次只上传一个文件，在文件列表更新时先清除之前的文件
fileChange(file) { let obj = this.onBeforeUploadImage(file.raw); if (obj) { this.$refs.upload.clearFiles(); this.fileList = [{ name: file.name, url: file.url }]; } }
上传的主要函数
UploadImage(param) { this.loading = true; const formData = new FormData(); formData.append("file", param.file); this.$axios({ url: process.env.VUE_APP_BASE_API + "api/txtToMp3", method: "post", data: formData }) .then(response => { if (response.data.code == 0) { this.loading = false; this.dialogVisible = true; this.url = response.data.data.url; } }) .catch(error => { console.log(error); }); }
node代码
用到的依赖项
const formidable = require("formidable"); //获取上传的txt，并保存 const path = require("path"); const AipSpeech = require("baidu-aip-sdk").speech; //百度语音合成sdk const fs = require("fs"); const compressing = require("compressing"); //压缩文件夹用
接口代码
router.post("/txtToMp3", async function (req, res, next) { let form = new formidable.IncomingForm(); form.encoding = "utf-8"; //编码 form.uploadDir = path.join(__dirname + "/../txt"); //保存上传文件地址 form.keepExtensions = true; //保留后缀 form.parse(req, function (err, fields, files) { let filename; filename = files.file.name; let nameArray = filename.split("."); //分割 let type = nameArray[nameArray.length - 1]; let name = ""; for (let i = 0; i { let item = { url: zipFileName, }; new Result(item, "压缩成功").success(res); }) .catch((err) => { new Result(null, "压缩失败").fail(res); }); } } else { // 合成服务发生错误 new Result(null, "合成失败").fail(res); } }, function (err) { console.log(err); } ); } else { new Result(null, "文件格式错误").fail(res); } },i * 20) } } }); }); });
PS：
在node部分，在判断需要合成的文件是否全部完成时，我是通过number的值等于0判断完成，不知道大佬们有啥好方法不？
到此这篇关于vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip的文章就介绍到这了,更多相关vue node批量生成MP3内容请搜索gaodaima搞代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持gaodaima搞代码网！
以上就是vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
转载请注明原文链接：vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
