项目中用到了上传图片的功能,记录一下。增强记忆。
要上传图片首先就要先选择图片,或者是先拍照,此时先调用的是 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 });