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 });

 

转载于:https://www.cnblogs.com/xguoz/p/10969853.html

你可能感兴趣的:(uniApp上传图片)