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)
上一篇 2022年8月15日 下午11:46
下一篇 2022年8月15日 下午11:46


相关推荐

  • java栈内存不足

    java栈内存不足前置条件:使用命令java -Xmx1g-Xms1g-Xmn256m-XX:PermSize=128m-Xss256k-XX:+DisableExplicitGC-XX:+UseConcMarkSweepGC-XX:+CMSParallelRemarkEnabled-XX:+UseCMSCompactAtFullCollection-XX:LargePageSizeInByte

    2025年9月20日
    8
  • 一键搞定 AI聚合提问,获取更准确的回答!程序员必备神器

    一键搞定 AI聚合提问,获取更准确的回答!程序员必备神器

    2026年3月14日
    2
  • Python——因子分析(KMO检验和Bartlett’s球形检验)「建议收藏」

    Python——因子分析(KMO检验和Bartlett’s球形检验)「建议收藏」因子分析用Python做的一个典型例子一、实验目的采用合适的数据分析方法对下面的题进行解答二、实验要求采用因子分析方法,根据48位应聘者的15项指标得分,选出6名最优秀的应聘者。三、代码importpandasaspdimportnumpyasnpimportmathasmathimportnumpyasnpfromnumpyimpor…

    2022年6月16日
    74
  • webpack配置vue3项目

    webpack配置vue3项目用 webpack 搭建 Vue3 项目一 项目需要的基本依赖 1 vue 的依赖 2 ui 组件库依赖 3 AJAX 请求库依赖 axios 二 几个 loader 和 webpack 配置 1 引入库 2 目录结构三 main js 入口文件与 index html1 main js2 index html 四 webpack 配置文件五 路由文件总结声明 本文章采用 node 的包管理工具和 webpack 一 项目需要的基本依赖 1 vue 的依赖声明一点 自从 22 年 3 月依赖 vue 的默认版本就变成了 3 x 所有后面需要 指定版本 n

    2026年3月18日
    2
  • mybaties使用过程及原理

    mybaties使用过程及原理mybaties 使用过程及原理 1 加载 xml 配置 读取 bean 文件 dataSource 和 mapper 文件的位置 并返回 factory 对象 SqlSessionFa newSqlSessio build newFileInput conf configeratio xml xml 如下 xml

    2026年3月17日
    2
  • minhash算法_verlet算法

    minhash算法_verlet算法背景如何设计一个比较两篇文章相似度的算法?可能你会回答几个比较传统点的思路:一种方案是先将两篇文章分别进行分词,得到一系列特征向量,然后计算特征向量之间的距离(可以计算它们之间的欧氏距离、海明距离或者夹角余弦等等),从而通过距离的大小来判断两篇文章的相似度。另外一种方案是传统hash,我们考虑为每一个web文档通过hash的方式生成一个指纹(fingerprint)。下面,我们来分析下这两种方法…

    2026年4月20日
    4

发表回复

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

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