vue 上传图片

vue使用FormData()、axios上传图片

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//main.js
 
import Vue from 'vue'
import axios from 'axios'
 
const instance = axios.create({
   baseUrl:'http://localhost:8080/rph',
   timeout:5000,
   headers:{'Content-Type':'multipart/form-data'}
})
 
Vue.prototype.$instance = instance;
 
    

wenj文件上传代码

1
2
3
4
5
6
7
8
9
10
11
12
uploadImgFile(){
  let formData = new FormData();
  formData.append("id",this.id);
  formData.append("imgUrl",this.img);
  this.$instance.post('/addReceiptImg',formData)
    .then((res)=>{
       console.log(res);
     })
    .catch((err)=>{
       console.log(err);
     })
}   

  

 

posted @   董七  阅读(288)  评论(0编辑  收藏  举报
编辑推荐:
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
阅读排行:
· 本地部署 DeepSeek:小白也能轻松搞定!
· 基于DeepSeek R1 满血版大模型的个人知识库,回答都源自对你专属文件的深度学习。
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!
· Tinyfox 简易教程-1:Hello World!
点击右上角即可分享
微信分享提示