ng file上传同域非同域-优快云博客

本文介绍了一种在跨域与同域环境下实现文件上传的方法，通过使用AngularJS的Upload服务，针对不同域名情况调整上传URL，实现了文件上传功能，并展示了如何处理上传过程中的进度反馈及错误。

跨域

vm.uploadFiles = function (file, errFiles) {
if (file) {
file.upload = Upload.upload({
url: vm.uploadurl + "upadloadimgs?imgtype=upload",
data: {
files: file
}
});
abp.ui.setBusy();

file.upload.then(function (response) {
abp.ui.clearBusy();
if (response.status == "200") {
abp.notify.info("上传成功!");
vm.adimagefile = vm.uploadurl + response.data.Data.substring(1);
vm.adimage.adImageUrl = response.data.Data;
}
else {
abp.message.error(response.status + ': ' + response.data);
}
//alert("成功?");
}, function (response) {
abp.ui.clearBusy();
if (response.status > 0) {
abp.message.error(response.status + ': ' + response.data);

}
//$scope.errorMsg = response.status + ': ' +response.data;
}, function (evt) {
file.progress = Math.min(100, parseInt(100.0 *
evt.loaded / evt.total));
});
}
}

同域

vm.uploadFiles = function (file, errFiles, item) {
//alert(item);
if (file) {
file.upload = Upload.upload({
url: abp.appPath + "FileUpload/Upload?uptype=cmsimage",
data: {
files: file
}
});
abp.ui.setBusy();

file.upload.then(function (response) {
abp.ui.clearBusy();
if (response.status == "200") {
abp.notify.info("上传成功!");
item.adimagefile = abp.appPath + response.data[0].substring(1);
item.settingValue = response.data[0];
}
else {
abp.message.error(response.status + ': ' + response.data);
}
//alert("成功?");
}, function (response) {
abp.ui.clearBusy();
if (response.status > 0) {
abp.message.error(response.status + ': ' + response.data);

}
//$scope.errorMsg = response.status + ': ' +response.data;
}, function (evt) {
file.progress = Math.min(100, parseInt(100.0 *
evt.loaded / evt.total));
});
}
}

转载于:https://www.cnblogs.com/forhell/p/9088446.html