node用axios上传文件

最新推荐文章于 2023-10-31 14:55:55 发布

༄久梦༒长醉༻

最新推荐文章于 2023-10-31 14:55:55 发布

阅读量1.1k

点赞数 2

文章标签： java 服务器前端

本文链接：https://blog.youkuaiyun.com/qq_63660369/article/details/127228790

版权

本文记录了在Node.js项目中使用axios上传文件的过程。首先介绍了上传单个文件的方法，通过`formdata`接收文件并传递。接着讨论了如何在路由中处理文件数据，并安装必要的npm包。同时，提到了传输多个文件时需在同一`formdata`中添加多个文件，避免创建多个`formdata`实例。最后提醒在调用接口时检查后端路由是否支持多文件上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在写项目时，在写axios上传文件时不知道咋上传了，来记录一波。

首先上传单个文件

    var thefile=document.getElementById("files")
    var file=thefile.files[0]
    const fromdatas=new FormData()
    fromdatas.append("File",file)
    axios({
                url:'/addVideo',
                data:fromdatas,
                params:{//除文件之外其他的信息
                     collections:addmoreInput[1].value,
                     videoId:47,
                     videoTypes:addmoreInput[2].value,
                     vips:addmoreInput[3].value
                },
                method:'post',
            })
            .then(function (data) {
                console.log(data.data);
                loading.style.display="none"
                handleMessage("添加视频成功")
            })
            .catch(function(err){
                console.log(err);
            })

还