微信开发上传图片ios与安卓兼容问题
2017-09-07 16:24
405 查看
首先检查一下引入js的版本,用最新的,直接上代码
$('#kin_img').click(function(){
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/iphone/i) == "micromessenger") {
var ios = true;
} else {
var ios = false;
}
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function(res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: '' + localIds,
isShowProgressTips: 1,
success: function(res) {
serverId = res.serverId;
if (ios || window.__wxjs_is_wkwebview) {
var localId = localIds[0];
wx.getLocalImgData({
localId: localId,
success: function (res) {
var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
localData = localData.replace('jgp', 'jpeg');
$("#kin_img").attr("src", localData);
$("#kin_img").css("width", "100%");
},
fail: function (res) {
alert('该图片暂时无法查看')
}
})
} else {
$("#kin_img").attr("src", localIds);
$("#kin_img").css("width", "100%");
}
}
});
}
});
})
$('#kin_img').click(function(){
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/iphone/i) == "micromessenger") {
var ios = true;
} else {
var ios = false;
}
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function(res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
wx.uploadImage({
localId: '' + localIds,
isShowProgressTips: 1,
success: function(res) {
serverId = res.serverId;
if (ios || window.__wxjs_is_wkwebview) {
var localId = localIds[0];
wx.getLocalImgData({
localId: localId,
success: function (res) {
var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
localData = localData.replace('jgp', 'jpeg');
$("#kin_img").attr("src", localData);
$("#kin_img").css("width", "100%");
},
fail: function (res) {
alert('该图片暂时无法查看')
}
})
} else {
$("#kin_img").attr("src", localIds);
$("#kin_img").css("width", "100%");
}
}
});
}
});
})
相关文章推荐
- 微信上传多张图片问题(兼容ios,安卓)
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- 【微信小程序开发】IOS与安卓样式兼容问题
- 移动端图片上传方法【更好的兼容安卓IOS和微信】 推荐
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- 微信页面上传图片,安卓和ios上传接口的兼容处理
- iOS软件开发实现类似微信上传图片选择
- 微信小程序开发之IOS和Android兼容的问题
- ios开发 上传图片颠倒问题
- 微信内网页某些安卓手机不能上传图片文件的问题(1)
- IOS开发 图片的上传和下载(关于编码问题)
- 上传图片兼容ios和安卓
- 移动端web无刷新上传图片【兼容安卓IOS】 推荐
- 利用微信js-sdk上传图片,在安卓下无反应,在ios下报miss miss argument的错
- IOS应用开发-图片处理(拉伸图片 创建缩略图 解决图片旋转的问题 图片编码及上传 将图片写入磁盘)
- Android 开发 使用WebUploader解决安卓微信浏览器上传图片中遇到的bug
- IOS应用开发-图片处理(拉伸图片 创建缩略图 解决图片旋转的问题 图片编码及上传 将图片写入磁盘)
- 微信端实现上传图片并预览(兼容苹果旋转图片问题)
- 安卓开发小米4,酷派 手机适配和调用系统相机相册做图片上传的问题