//重点:上传时压缩,
addvoicea() {
var that = this;
// 从本地相册选择图片或使用相机拍照。
uni.chooseImage({
count: 1, //最多可以选择的图片张数,默认9
//album 从相册选图,camera 使用相机,默认二者都有。
sourceType: ['album'],
sizeType: ['compressed'], //可以指定是原图还是压缩图,默认二者都有
success: function(res) {
//获取图片信息。
uni.getImageInfo({
src: res.tempFilePaths[0],
success: function(image) {
that.srcc = (res.tempFilePaths[0]);
// that.src = (res.tempFilePaths[0]);
that.srcaddvoices = (res.tempFilePaths[0]);
console.log(that.srcaddvoices)
var index = that.srcc.lastIndexOf("\/");
this.srcaddvoices = that.srcc.substring(index + 1, that.srcc
.length);
console.log(this.srcaddvoices)
// console.log(that.src); //打印出图片信息,在浏览器上打开就是你上传的图片
//将本地资源上传到开发者服务器,客户端发起一个 POST 请求,其中 content-type 为 multipart/form-data
uni.uploadFile({
//开发者服务器 url
url: 'http://holeapi.huawaiyin.net/' +
'Upload/UploadFile',
//获取要上传文件资源的路径。
filePath: res.tempFilePaths[0],
//文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
method: 'POST',
name: 'fileToUpload',
//成功的回调
success: uploadFileRes => {
//获取图片信息 网站域名 + res1.data.url就是一个图片的完整路径了
var res1 = JSON.parse(uploadFileRes.data);
that.srcaddvoice = res1.data;
}
})
}
})
}
})
},
uniapp解决苹果手机上传图片不显示问题
于 2022-01-21 13:48:53 首次发布