一、uniapp上传图片API
uniapp提供了方便易用的API进行图片上传操作,主要包括两种方法:uni.chooseImage()和uni.uploadFile()
- uni.chooseImage()用于从相机和相册选择图片,并返回临时文件路径列表。
- uni.uploadFile()用于将选择的图片文件上传到服务器。
// 从相册中选择图片
uni.chooseImage({
    count: 1, //选择图片的数量,默认9
    sizeType: ['compressed'], //原图、压缩图或者两者都有,可以指定原图或压缩图,默认两者都有
    sourceType: ['album'], //从相册选择
    success: function(res) {
        const tempFilePaths = res.tempFilePaths; // 返回选定照片的本地文件路径列表
    }
})
// 上传图片到服务器
uni.uploadFile({
    url: 'http://example.com/upload',
    filePath: 'tempFilePaths[0]',
    name: 'file',
    formData: {
        'user': 'test'
    },
    success: function(res) {
        console.log('上传成功');
    }
})
二、uniapp前端图片上传
在uniapp中实现前端图片上传,可以使用第三方插件或者自己编写组件。下面是一个简单的使用uni.uploadFile()进行图片上传的示例:
原创文章,作者:ISTCM,如若转载,请注明出处:https://www.506064.com/n/329355.html
 
 微信扫一扫
微信扫一扫  支付宝扫一扫
支付宝扫一扫 