angular学习-angualr文件上传

最新推荐文章于 2024-08-13 08:19:34 发布

Vacy

最新推荐文章于 2024-08-13 08:19:34 发布

阅读量231

点赞数

分类专栏：前端文章标签： angular

本文链接：https://blog.csdn.net/qq_31620497/article/details/79976460

版权

本文介绍了在Angular中如何实现文件上传，包括原生JavaScript和Angular两种方式的实现细节。通过FormData对象结合XMLHttpRequest或$http服务，实现文件上传到指定URL，并处理上传成功或失败的响应。

摘要由CSDN通过智能技术生成

原生：

$(".cert_box").on("change","#uploadFile",function(event){

var formData = new FormData();
formData.file=uploadFile;//文件
console.log(formData);
var i = 0;
//var files = getTarget(event).files,
var vTarget= event.target || event.srcElement;
var files = vTarget.files,
data = new FormData();
var len = files.length;
while (i < len) {
data.append("Filedata", files[i]);
i++;
}
console.log(data);
xhr = new XMLHttpRequest();
xhr.open("post", $rootScope.baseUrl + "service/prv/PRV_BASIC/Srv_PRV_FileUpload.ashx", true);
xhr.onreadystatechange = function () {