uniApp上传图片

 

项目中用到了上传图片的功能，记录一下。增强记忆。

要上传图片首先就要先选择图片，或者是先拍照，此时先调用的是 chooseImage 接口，此接口可选择拍照也可以从相册中选择。

它有几个参数，具体可以查看文档，这些参数控制了上传图片的张数、是否压缩、来源等信息。

此接口调用成功会返回一个 临时路径，不管是要预览图片还是要上传到服务器都需要这个路径。同时，上传时还需要一个name属性，必须为 file 必须为 file 必须为 file。官方示例。

 1 uni.chooseImage({
 2     success: (chooseImageRes) => {
 3         const tempFilePaths = chooseImageRes.tempFilePaths;
 4         uni.uploadFile({
 5             url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址
 6             filePath: tempFilePaths[0],
 7             name: 'file',
 8             formData: {
 9                 'user': 'test'
10             },
11             success: (uploadFileRes) => {
12                 console.log(uploadFileRes.data);
13             }
14         });
15     }
16 });