关于vue+axios上传文件或图片到node上

最新推荐文章于 2022-08-13 17:57:42 发布

MasonEast

最新推荐文章于 2022-08-13 17:57:42 发布

阅读量812

点赞数

分类专栏： vue 文章标签： vue node 上传文件

本文链接：https://blog.csdn.net/weixin_44457144/article/details/89607780

版权

本文介绍了一种不使用表单而是利用Vue和Axios上传文件到Node服务器的方法，强调了file元素name属性、Node端中间件以及FormData使用的重要性，详细讲述了上传过程中需要注意的坑点。

摘要由CSDN通过智能技术生成

在网上看到的大部分都是通过表单来上传的文件，我这里分享一个自己的方法。
vue代码

  <div class="admin_box">
    <input type="file"
           @change="changeFile"
           name="avatar"		//注意这里的name要和下面服务端的保持一致，很坑
           id="">
    <input type="button"
           @click="uploadImg"
           value="提交">
    <p>已上传{
   {
   rate}}%</p>
  </div>
//script部分代码
data () {
   
    return {
   
      file:<