uni-file-picker上传图片到后端服务器并存入数据库

最近在做一个需求，使用uniapp上传用户头像。后端会有一个处理上传图片返回图像链接的接口。在uniapp官网关于上传的组件有两个：

（1）uni.uploadFile（object）

（2）uni-file-picker

如果使用uni.uploadFile,前端的代码大致可以这样写：

uni.chooseImage({success: (chooseImageRes) => {const tempFilePaths = chooseImageRes.tempFilePaths;uni.uploadFile({url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址filePath: tempFilePaths[0],name: 'file',formData: {'user': 'test'},success: (uploadFileRes) => {console.log(uploadFileRes.data);}});}});

这是官网给出的范例。对应的html：

头像上传

然后就是 自己写样式了。不过还要写图片回显的函数，不然不能看到图片上传的效果，还是挺麻烦的。

所以，为了方便，我用的是uni-file-picker+uni.uploadFile组合。也算是偷懒的方法吧。

选择...

当然我这个是一种偷懒的方法，要学东西还是要深入的去了解其所以然。 

来源地址：https://blog.csdn.net/CJB2020818/article/details/129156642