原生JS AJAX上传

最新推荐文章于 2022-04-28 21:44:05 发布

你好吗少年

最新推荐文章于 2022-04-28 21:44:05 发布

阅读量631

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/y670340559/article/details/79241089

版权

这篇博客介绍了如何利用原生JavaScript实现AJAX进行文件上传。通过创建XMLHttpRequest对象，构造FormData对象，设置请求头，并监听'load'事件来获取响应数据，最后根据返回的JSON数据更新图片的属性。

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

var pathName = window.document.location.pathname;
                var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
                var url = projectName+'/uploadFile/savePhoto';
                	
                /* 创建Ajax并提交 */
                    var xhr = new XMLHttpRequest(),
                        fd = new FormData(),
                        url = url;
                    fd.append('type', 'ajax');
                    fd.append('src', attrs['src']);
                    xhr.open("post", url, false);
                    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
                    xhr.addEventListener('load', function (e) {
                    	var json = (new Function("return " + utils.trim(e.target.response)))();
                    	var attid = '';