Vue上传文件_vue 上传文件

Vue上传文件_vue 上传文件使用FormData()方法上传文件

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

前端新人,欢迎各位大佬指出问题

 通过FormData()方法来上传到后端,使用的是BootStrapVue文件选择组件

uploadFile(){
    if (this.file==null) {
      alert('您尚未选择文件')
    }else{
      var formData = {};
      formData = new FormData();
      //file为后端接收的数据名,需要和后端进行沟通
      formData.append('file', this.file);
      axios
    .post('接口',formData
    ,{
      headers: {
              "Content-Type": "application/json;charset=UTF-8",
            },
    })
    .then((response)=>{
      console.log(response)
      alert('上传成功')
      //上传成功后让文件选择框为空
      this.file =null,
      //刷新
      this.reload()
    })
    .catch((error)=>{
      console.log(error)
      alert('上传失败')
    })
    }
  },

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/170640.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python能在excel运行吗-使用PyXLL在Excel中执行Python脚本

    python能在excel运行吗-使用PyXLL在Excel中执行Python脚本PyXLL 是一款能够使得在 Excel 中能够执行 Python 脚本的插件 不过它是使用 Excel 扩展库 XLL 的方式 这跟平常加载一些常用的宏方式是一样的 使用 pyXLL 首先你必须安装 Python 目前支持 2 X 版本 你可以选择对应的版本下载 下载之后可能需要简单的配置 打开 pyxll cfg 在里面你可以设置你需要加载的模块 日志文件以存放路径等 里面还可以设置 Licence 如果你有的话 若

    2025年9月20日
    4
  • 解读滑块验证码(滑动验证码)与图形验证码的破解难度

    解读滑块验证码(滑动验证码)与图形验证码的破解难度

    2021年6月7日
    130
  • C语言-字符型数据与ASCII码表

    C语言-字符型数据与ASCII码表字符型数据与 ASCII 码

    2026年2月4日
    0
  • Java 中是如何获取 IP 属地的[通俗易懂]

    Java 中是如何获取 IP 属地的[通俗易懂]细心的小伙伴可能会发现,抖音新上线了IP属地的功能,小伙伴在发表动态、发表评论以及聊天的时候,都会显示自己的IP属地信息这里有三个名词,分别是X-Forwarded-For:一个HTTP扩展头部,主要是为了让Web服务器获取访问用户的真实IP地址。每个IP地址,每个值通过逗号+空格分开,最左边是最原始客户端的IP地址,中间如果有多层代理,每⼀层代理会将连接它的客户端IP追加在X-Forwarded-For右边。X-Real-IP:一般只记录真实发出请求的客户端IP

    2022年10月21日
    3
  • FileInputStream类

    FileInputStream类FileInputStream类如果用户的文件读取需求比较简单,则可以使用FileInputStream类,该类是InputStream的子类,提供了基本的文件读取功能。FileInputStream类的常用构造方法如下:Ø FileInputStream(Stringname):使用给定的文件名name,创建一个FileInputStream对象。Ø FileInput

    2022年5月18日
    41
  • 为什么有些网站域名不以www开头?什么是二级域名?

    为什么有些网站域名不以www开头?什么是二级域名?本文公众号来源:漫话编程作者:漫话编程我在初学的时候不清楚啥叫顶级域名,啥是二级域名以及为啥我们输入网站地址的时候可以省略www!这篇文章通俗易懂地告诉你!38女神…

    2022年5月12日
    59

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号