uniapp图片上传制作

Uniapp 支持多种方式上传图片,以下是其中几种常用方式:

  1. 使用 uni.uploadFile() 上传图片,示例代码:
uni.chooseImage({
    success: function (chooseImageRes) {
        uni.uploadFile({
            url: 'http://example.com/upload',
            filePath: chooseImageRes.tempFilePaths[0],
            name: 'file',
            success: function (uploadFileRes) {
                console.log('upload success')
            },
            fail: function (err) {
                console.log(err)
            }
        })
    }
})

  1. 使用 uni.getImageInfo() 获取图片信息,再使用 uni.request() 上传图片,示例代码:
uni.chooseImage({
    success: function (chooseImageRes) {
        uni.getImageInfo({
            src: chooseImageRes.tempFilePaths[0],
            success: function (getImageInfoRes) {
                uni.request({
                    url: 'http://example.com/upload',
                    method: 'POST',
                    header: {
                        'content-type': 'multipart/form-data'
                    },
                    formData: {
                        file: chooseImageRes.tempFilePaths[0],
                        width: getImageInfoRes.width,
                        height: getImageInfoRes.height
                    },
                    success: function (requestRes) {
                        console.log('upload success')
                    },
                    fail: function (err) {
                        console.log(err)
                    }
                })
            }
        })
    }
})

  1. 使用第三方插件 uni-uploader 上传图片,示例代码:



以上三种方式均可用于上传图片,具体选择哪种方式可以根据自己的需求和开发习惯进行选择。

你可能感兴趣的:(uni-app)