vue 上传文件 如图后端可以获取到内容吗?

vue 上传文件 传入给后端

img

获取到的文件流是这样的

这样后端就可以拿到我上传的文件嘛? 我感觉就个文件name
后端如何获取内容呢?

formData 直接打印的话,就是空的 。需要用get来获取 。 原型上的方法 都可以使用

img


 // 前端
let formData = new FormData();
formData.append('file', "888");  // file 是文件流
 
console.log(formData.getAll("file"),formData.get("file"),formData)

该回答内容部分引用GPT,GPT_Pro更好的解决问题
Vue 上传文件的原理是,可以通过使用FormData对象来实现文件的上传,FormData是一个构造函数,可以把文件流添加到FormData中,后端就可以通过FormData来获取文件的内容。

示例代码如下:

// 前端
let formData = new FormData();
formData.append('file', file);  // file 是文件流

// 后端
let file = req.body.file;  // 获取文件流

当然,除了使用FormData,还可以使用axios、fetch等来实现文件上传,只不过这里不太推荐使用axios和fetch,因为FormData更方便,也更安全。后端可以通过req.body.file来获取到文件的内容,然后就可以根据实际需要对文件内容进行处理了。
如果回答有帮助,望采纳。

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^