mpvue微信小程序上传图片到服务器,,可选择从相册选取或者调用摄像头
<div class="box_upload">
<div class="upload_images">
<button @tap="fn_Upload" class="upload_input"></button>
<!-- 默认背景图片 -->
<img src="/static/images/sale/sale_up.png" v-if="isUpload==true" class="default_images">
<!-- 上传后显示的图片 拼接显示url-->
<img :src="'你的图片获取路径cdn'+ icon" v-else-if="isUpload==false" class="pic_images">
<p>点击上传照片</p>
</div>
</div>
fn_Upload() {
let that = this;
wx.chooseImage({
count: 1, // 默认9 允许上传数量
sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ["album", "camera"], // 可以指定来源是相册还是相机,默认二者都有
success(res) {
const tempFilePaths = res.tempFilePaths;
wx.uploadFile({
url: "你的服务器地址",
filePath: tempFilePaths[0],
name: "file",
formData: {
//参数
},
success(res) {
var obj = JSON.parse(res.data);
that.icon = obj.data;
that.isUpload = false;
}
});
}
});
},
但是有个Bug:红米手机无法直接调摄像头。
欢迎留言赐教,万分感谢!