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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • RESTful介绍和使用教程

    RESTful介绍和使用教程REST(RepresentationalStateTransfer)表象化状态转变(表述性状态转变),在2000年被提出,基于HTTP、URI、XML、JSON等标准和协议,支持轻量级、跨平台、跨语言的架构设计。是Web服务的一种新的架构风格(一种思想)。…

    2025年8月13日
    3
  • Win10黑屏的时候显示时钟怎么设置「建议收藏」

    Win10黑屏的时候显示时钟怎么设置「建议收藏」Win10黑屏的时候显示时钟怎么设置?其实方法很简单,那就是让电脑进入屏幕保护程序的黑屏模式而不是睡眠状态,这样电脑就可以显示时间啦

    2022年9月29日
    3
  • ZooKeeper 常用应用场景原理详解

    ZooKeeper 常用应用场景原理详解ZooKeeper 常用应用场景原理详解,zookepper存放数据的目录结构类似于标准的文件系统格式,如果使用过window或linux就能体会到其内部的数据结构

    2022年6月17日
    31
  • StoredProcedure — 存储过程

    StoredProcedure — 存储过程1.声明变量DECLARE@F001SMALLINT,           @F002INTEGER,           @F003VARCHAR(20),           @F004CHAR(20),           @F002MONEY2.赋值语句set@F001=space(40)3.条件判断(IF…ELSE)Ifc

    2022年7月26日
    2
  • 安装SQL Server2008的示例数据库AdventureWorks 2008「建议收藏」

    安装SQL Server2008的示例数据库AdventureWorks 2008「建议收藏」在安装SQLServer2008时,默认是不安装示例数据库的,如果要用到的话,就得自行下载相应的数据库,然后安装,当然,安装也还是要有一定的方法的,不然装不上。1、检查安装环境,下载安装包首先,检查你电脑的环境,是否有安装SQLServer2008,并且打了SQL2008SP1补丁。然后去官网下载AdventureWorks2008示例数据库安装包。下载地址是:http://msft

    2025年9月7日
    5
  • oracle视图表怎么修改(oracle视图添加字段)

    一个朋友在回复的时候给出了一篇inthirties写的关于更新视图的帖子,简洁明了,转过来学习学习。===============================================================================Oracle里视图可以update吗?如果在网上做出这样一个问题调查,我想很多的网友朋友,都会不假思索的回答到,不行,视图是逻辑记录,并不…

    2022年4月12日
    45

发表回复

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

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