概述
请上传身份证正反面照片
身份证正面照片
身份证反面照片
chooseImage(e) {
var _this = this;
var _self = e.currentTarget.dataset;
wx.showActionSheet({
itemList: ["从相册选择", "拍照"],
itemColor: "#333",
success: function(ret) {
if (ret.tapIndex + 1 != 0) {
switch (ret.index) {
case 1: //从相册选择
var sourceType = ['album'];
break;
case 2: //拍照
var sourceType = ['camera'];
break;
}
wx.chooseImage({
count: 9, // 最多可以选择的图片张数,默认9
sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
sourceType: sourceType, // album 从相册选图,camera 使用相机,默认二者都有
success: function(res) {
// success
//console.log(res)
wx.showLoading({
title: '图片获取中...',
})
_this.uploadImage(res.tempFilePaths[0], (res) => {
wx.hideLoading();
if (_self.type == "z") {
_this.setData({
isHideCardZ: true,
cardImageZ: res.data[0]
});
} else {
_this.setData({
isHideCardF: true,
cardImageF: res.data[0]
});
}
});
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
}
},
fail: function(ret) {
}
})
},
//上图片上传到服务器
uploadImage(filePath, callback) {
var _this = this;
var timer = setTimeout(() => {
// console.log(filePath);
wx.uploadFile({
url: app.globalData.url + "api/upload",
header: {
'content-type': 'multipart/form-data',
},
filePath: filePath,
name: 'pic',
formData: {
image: filePath
},
success: function(ret) {
// console.log(JSON.stringify(ret));
wx.hideLoading();
if (ret.data.status == 1000) {
wx.showToast({
icon: 'none',
duration: 3000,
title: ret.data.msg,
})
return false;
} else if (ret.statusCode == 404) {
wx.showToast({
icon: 'none',
duration: 3000,
title: '数据请求地址未找到',
})
} else {
typeof ret.data != "object" ? ret.data = JSON.parse(ret.data) : '';
if (ret) {
if (typeof callback == "function" || typeof callback == "object") {
var timer = setTimeout(() => {
callback(ret.data);
clearTimeout(timer);
}, 300);
}
} else {
wx.showToast({
icon: 'none',
duration: 3000,
title: '图片获取失败,请重试',
})
}
}
},
fail: function(res) {
// console.log(res);
wx.hideLoading();
wx.showToast({
icon: 'none',
duration: 3000,
title: '网络请求失败,请确保网络是否正常',
})
}
});
}, 10);
}
最后
以上就是自觉外套为你收集整理的微信小程序上传图片到服务器总是失败_微信小程序选择图片上传到服务器的全部内容,希望文章能够帮你解决微信小程序上传图片到服务器总是失败_微信小程序选择图片上传到服务器所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复