关于H5使用web直传失败的问题求助
请教个问题，我的app是通过h5混合开发的，在chrome调试的时候可以按照web直传(应用服务器加了token，回调callback)能实现图片上传，但是打包成ios后，通过模拟器进行操作，则上传失败，直接不调取相关的上传回调callback服务，一般会是什么原因，有存在js与ios不兼容的可能么？
展开
收起
2
条回答
写回答
写回答
-
回 1楼shinenuaa的帖子你好，代码如下，运行ios模拟器时将 client.multipartUpload上传请求直接跳过，改去执行catch
var uploadFile = function (client) {
var file = document.getElementById("publishFile").files[0];
console.log("---------"+file);
console.log("token--------------" + token);
console.log(file.name + ' => ' + key);
var body = 'token=' + token + '&infoId=' + $rootScope.infoId + '&type=2&imageUrls=http://bucket名字.oss-cn-shanghai.aliyuncs.com/' + key;
var contentLength = body.length;
console.log("body ========" + body);
console.log("bodyLength = " + contentLength);
return client.multipartUpload(key, file, {
//progress: progress,
headers: {
'x-oss-callback': encodeCallback({
url: 'http://服务器地址/oss/callback',
//query: {user: 'js-sdk'},
//contentType: 'application/json',
body: body,
contentLength: contentLength
}),
'Access-Control-Allow-Origin' : '*'
}
}).then(function (res) {
console.log('upload success: %j', res);
console.log(res.data);
$ionicLoading.hide();
if (res.data.code == 0) {
UtilsService.alertShowOne("操作成功，前往首页", function () {
$state.go("tab.homePage");
});
} else {
UtilsService.alertShowOne("信息发布成功，上传失败图片无法显示",function(){
var token = localStorage.getItem("token");
var data = {
infoId:$rootScope.infoId,
token:token
};
RequestService.request(mConfig.updateInfoImg_url,data).then(function(value){
console.log("updateInfoImg_url成功");
$state.go("tab.homePage");
});
});
}
var uploadFile = function (client) {
var file = document.getElementById("publishFile").files[0];
console.log("---------"+file);
console.log("token--------------" + token);
console.log(file.name + ' => ' + key);
var body = 'token=' + token + '&infoId=' + $rootScope.infoId + '&type=2&imageUrls=http://bucket名字.oss-cn-shanghai.aliyuncs.com/' + key;
var contentLength = body.length;
console.log("body ========" + body);
console.log("bodyLength = " + contentLength);
return client.multipartUpload(key, file, {
//progress: progress,
headers: {
'x-oss-callback': encodeCallback({
url: 'http://服务器IP地址/oss/callback',
//query: {user: 'js-sdk'},
//contentType: 'application/json',
body: body,
contentLength: contentLength
}),
'Access-Control-Allow-Origin' : '*'
}
}).then(function (res) {
console.log('upload success: %j', res);
console.log(res.data);
$ionicLoading.hide();
if (res.data.code == 0) {
UtilsService.alertShowOne("操作成功，前往首页", function () {
$state.go("tab.homePage");
});
} else {
UtilsService.alertShowOne("信息发布成功，上传失败图片无法显示",function(){
var token = localStorage.getItem("token");
var data = {
infoId:$rootScope.infoId,
token:token
};
RequestService.request(mConfig.updateInfoImg_url,data).then(function(value){
console.log("updateInfoImg_url成功");
$state.go("tab.homePage");
});
});
}；2016-11-01 11:03:30赞同 展开评论 打赏 -
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
