uni.chooseImage 上传图片到服务器实例代码
时间: 2024-05-07 19:13:21 浏览: 269
uni.chooseImage是uni-app框架中的一个API,用于从相册或相机选择图片。它的使用方法如下:
uni.chooseImage({
count: 1, // 最多可以选择的图片张数,默认1张
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认两者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认两者都有
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePaths可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths;
// 在这里可以将选中的图片上传到服务器
// 你可以使用uni.uploadFile API来实现图片上传,示例代码如下:
uni.uploadFile({
url: 'http://example.com/upload', // 上传图片的接口地址
filePath: tempFilePaths, // 要上传的图片文件路径
name: 'file', // 服务器端接收文件的字段名
success: function (uploadRes) {
// 图片上传成功后的处理逻辑
console.log(uploadRes.data);
},
fail: function (uploadErr) {
// 图片上传失败后的处理逻辑
console.log(uploadErr);
}
});
}
});
以上代码中,首先调用uni.chooseImage方法选择图片,成功选择后会返回选中照片的本地文件路径列表。然后使用uni.uploadFile方法将选中的图片上传到服务器,其中需要指定上传图片的接口地址、要上传的图片文件路径、服务器端接收文件的字段名等参数。上传成功后,可以在success回调函数中处理上传成功后的逻辑,如打印返回的数据或进行其他操作;上传失败后,可以在fail回调函数中处理上传失败后的逻辑。
阅读全文