uniapp 上传图片使用base64 以及chooseImage
【代码】uniapp 上传图片使用base64 以及chooseImage。
·
// 选择图片文件
uni.chooseImage({
count: 1,
success: function (res) {
var tempFilePath = res.tempFilePaths[0];
console.log(tempFilePath);
// 将blob转换为base64字符串
var xhr = new XMLHttpRequest();
xhr.open('GET',tempFilePath);
xhr.responseType = 'blob';
xhr.onload = function () {
var blob = xhr.response;
var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function () {
var base64Str = reader.result;
console.log('base64Str', base64Str);
// 上传图片文件到后端
uni.uploadFile({
url: 'http://47.94.4.201/index.php/index/upload/uploadimg',
filePath: tempFilePath,
name: 'file',
formData: {
'imgurl':base64Str
},
success: function (uploadRes) {
console.log('upload success', uploadRes.data);
},
fail: function (err) {
console.log('upload fail', err);
}
});
};
};
xhr.send();
}
});
更多推荐
所有评论(0)