我是靠谱客的博主 自觉外套,最近开发中收集的这篇文章主要介绍微信小程序上传图片到服务器总是失败_微信小程序选择图片上传到服务器,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

请上传身份证正反面照片

身份证正面照片

身份证反面照片

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);

}

最后

以上就是自觉外套为你收集整理的微信小程序上传图片到服务器总是失败_微信小程序选择图片上传到服务器的全部内容,希望文章能够帮你解决微信小程序上传图片到服务器总是失败_微信小程序选择图片上传到服务器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(32)

评论列表共有 0 条评论

立即
投稿
返回
顶部