---

vue端

1、在 main.js 文件中添加

const upload = axios.create({//這里配置你自己的urlbaseURL: 'http://localhost:8096/reconciliation/',timeout: 50000, }); Vue.prototype.$upload = upload;

2、在需要上傳文件的vue文件中

uploadImg(file){var _this = this;var formData = new FormData();formData.append("file", file.raw);_this.$upload.post("file/upload", formData).then(res => {_this.$message(res.data.userInfo, 'success');}).catch(data=>{console.log(data);}) }

3、在后臺controller中

@RestController @RequestMapping("file") public class FileDataController {@RequestMapping(value = "/upload", method = RequestMethod.POST)public String handleFileUpload(@RequestParam("file") MultipartFile file) throws IOException {// 將圖片轉(zhuǎn)為base64BASE64Encoder encoder = new BASE64Encoder();String imgData = encoder.encode(file.getBytes());String url = null;//這里要進行的圖片操作return url1;} }

?

?

總結(jié)

以上是生活随笔為你收集整理的vue 前端传图片文件，后端接收的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。