js原生FormData实现文件上传

最新推荐文章于 2025-06-30 20:21:25 发布

暖光_&

最新推荐文章于 2025-06-30 20:21:25 发布

阅读量733

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js 文件上传

本文链接：https://blog.youkuaiyun.com/qq_40971483/article/details/95762948

js 专栏收录该内容

26 篇文章

订阅专栏

该博客主要围绕JS文件上传展开，介绍了利用JS进行文件上传的相关内容，属于信息技术中前端开发领域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js文件上传

	/**上传文件
	 * @param {Object} obj 
	 * id 选中文件id
	 * url 上传地址
	 * callBack 回调函数
	 */
	function uplaodFile(obj) {
		
		var url = obj.url;
		var file = document.getElementById(obj.id).files[0];
		
		
		
		var formData = new FormData();
		formData.append('file', file);
		
		
		
		
		var req = new XMLHttpRequest();
		// req.withCredentials = true;
		req.open("post", url, true);

		req.onload = function() {
			
			var red = JSON.parse(req.responseText);
			
			obj.callBack(red);
		}

		req.send(formData);
	}