Lzy_best 2021-06-24 09:36 采纳率: 50%
浏览 99
已采纳

vue中使用axios上传文件？

在vue中使用axios上传文件，直接引入axios上传可以实现。但是使用挂载在原型上时this.$axios这中方式就不可以，求大佬讲解下问什么呢？

一  直接引入axios

 

二  挂载在原型上时this.$axios

 

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2021-06-24 09:40
    关注

    看样子$axios可以使用，看接口报错是key没传过去。打印一下formData

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • vue使用axios上传文件(FormData)的方法
    2020-10-17 04:26
    本文将详细介绍如何在Vue.js项目中使用Axios配合FormData对象上传文件。 首先，前端需要构建一个文件上传的表单，可以使用原生的HTML表单元素，也可以使用Vue组件构建的表单。这里使用原生表单的示例代码如下： ``...
  • vue项目中使用axios上传图片等文件操作
    2020-11-27 18:07
    在Vue项目中，使用axios上传图片等文件是一个常见的需求，特别是在构建交互丰富的Web应用时。axios是一个非常流行的HTTP客户端库，它可以方便地在浏览器和Node.js环境中发起HTTP请求，并且支持Promise API，使得异步...
  • Vue使用axios实现：上传文件、下载文件
    2025-04-14 20:18
    pan_junbiao的博客 Axios 提供了一些方便的方法来上传文件，包括使用 FormData、设置 Content-Type 为 multipart/form-data 等。文件上传是将本地计算机中的文件发送到服务器的过程。在前端开发中，通常使用 <input type="file"> 元素...
  • vue中使用axios上传文件以FileReader，FormData对象使用
    2023-09-08 21:39
    吾乃猪儿虫的博客 上面的代码中我们也使用了 onload也就是读取成功后，我们打印出来了读取完的数据。这是点击事件的代码，前端上传成功后，后端会返回上传文件的文件名以文件大小。我在页面中定义了一个按钮，在点击上传之后会将我...
  • axios+Vue实现上传文件显示进度功能
    2020-10-17 04:07
    在本文中，我们将探讨如何使用axios和Vue.js框架来实现文件上传并实时显示上传进度的功能。这个功能在现代Web应用中十分常见，特别是在处理大文件上传时，用户界面的反馈至关重要，以提供良好的用户体验。 首先，...
  • Vue3中Axios的使用-附完整代码
    2025-06-03 09:33
    【本人】的博客 Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 ...
  • vue使用axios上传文件
    2019-03-21 12:01
    tiger_angel的博客 在这个时候，你还是无法在组件中使用axios的，但如果将vue改为vue的原型链，就可以解决这个问题，如下图 开始发送请求 //获取表单中的file var file_obj = document.getElementById('fileaaa').files[0]; ...
  • vue 的axios 文件上传
    2022-06-28 15:30
    橙-极纪元JJYCheng的博客 vue 的axios 文件上传
  • 解决在Vue中使用axios用form表单出现的问题
    2020-10-16 02:22
    当在Vue中使用axios提交form表单数据时，若希望保持与传统表单一致的编码方式，可以采取以下两种解决方法： **方法一：后端适配** 1. 在Vue组件中，axios发送POST请求的代码可能如下： ```javascript this.$...
  • Vue中使用Axios发送FormData请求
    2024-05-30 22:42
    牛肉胡辣汤的博客 通过使用Axios和FormData组合，我们可以在Vue项目中轻松发送包含文件或表单数据的请求。Axios提供了简单而强大的API来处理HTTP请求，而FormData提供了用于构建表单数据的API。这使得在Vue中实现文件上传和表单提交等...
  • 没有解决我的问题, 去提问