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('上传失败')
    })
    }
  },

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Automation服务器不能创建对象(金税盘)

    Automation服务器不能创建对象(金税盘)  1.安装防伪开票组件接口软件;  2.把接口的注册文件放到%防伪开票系统的安装目录%\BIN下  3.把%防伪开票系统的安装目录%\bin下的TaxCardX.dll文件复制至c:\windows\system32下  4.注册dll:在开始菜单中选择”运行”,输入”regsvr32TaxCardX.dll”5.  备注:此处电脑可能会提示不兼容,如:  …

  • Tsai分享:资源分享(1)——视觉SLAM十四讲及视频[通俗易懂]

    Tsai分享:资源分享(1)——视觉SLAM十四讲及视频[通俗易懂]Tsai分享:资源分享(1)——视觉SLAM十四讲及视频一、视觉SLAM十四讲如若转载请附上链接:https://blog.csdn.net/weixin_43338642/article/details/88287121链接:https://pan.baidu.com/s/1m6AQNz2ujCFVoJUtMe9TBg提取码:91e0二、SLAM视频教程链接…

    2022年10月24日
  • mysql开启慢日志查询_MySQL慢sql检验生效

    mysql开启慢日志查询_MySQL慢sql检验生效MySQL给我们提供了一个很好的功能,那就是慢查询!所谓的慢查询就是通过设置来记录超过一定时间的SQL语句!那么如何应用慢查询呢?1.开启MySQL的慢查询日志功能默认情况下,MySQL是不会记录超过一定执行时间的SQL语句的。要开启这个功能,我们需要修改MySQL的配置文件:windows下修改my.ini,(注册表,计算机\HKEY_LOCAL_MACHINE\SYSTEM\CurrentCo…

    2022年10月14日
  • 实例分割论文_图像实例分割

    实例分割论文_图像实例分割作者丨youtober@知乎(已授权)来源丨https://zhuanlan.zhihu.com/p/412675982编辑丨极市平台导读本文综述基于实例分割的最新进展和发展历程,首先介…

  • pycharm运用_python界面开发

    pycharm运用_python界面开发PyCharm是由JetBrains团队研发的用于开发python应用程序的IDE,与IDEA一脉相承首先打开PyCharm的下载地址 https://www.jetbrains.com/pycharm/download/  点击download下载专业版:这时会跳到一个感谢界面,不必理睬,耐心等待下载完成就可以了:下载完的安装程序是这样的:双击安装,点击

  • b站的java教程怎么样(b站学java哪个好)

    Heyguys,这里是cxuan,欢迎你收看我最新一期的文章。这是一篇鸽了很久的文章。。。。。。事情还要从上回说起。。。。。。我爱B站!这篇文章我汇总了B站上计算机基础(操作系统、计算机网络、数据结构和算法、汇编等)学习视频,受到了很多小伙伴的认可和追更。甚至CSDN还有在催我更新的读者朋友所以这篇文章,不能再拖了,更新起来!!!Java基础Java基础:尚硅谷宋红康https://www.bilibili.com/video/BV1Qb411g7cz?from

发表回复

您的电子邮箱地址不会被公开。

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