【已解决】jQuery+ajax+Go上传Excel文件

最新推荐文章于 2022-04-09 17:38:59 发布

luyaran

最新推荐文章于 2022-04-09 17:38:59 发布

阅读量617

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Golang 文章标签： go excel jquery ajax

本文链接：https://blog.youkuaiyun.com/luyaran/article/details/119423914

这篇博客展示了前端使用HTML和jQuery AJAX与后端Gin框架交互，实现Excel文件上传并进行数据验证的过程。前端通过改变input[type=file]选择文件，后端接收到文件后进行存储和读取操作，返回数据供前端进一步处理。

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

前端代码如下：

<form action="" id="uploadExcel" method='GET'>
	<input type="file" name="file" id="uploadFile" style="display: none;">
	<input type="submit" value="查询"  class="cx_submit" />
</form>

$("#uploadFile").change(function() {
    	var filePath = $(this).val();
    	if (filePath.indexOf("xls") != -1 || filePath.indexOf("xlsx") != -1) {
	    	const file = document.getElementById('uploadFile').files[0];
			const formData = new FormData();
			formData.append('file', file);
			$.ajax({
				headers:{
					"token": $("#token").val(),
				},
				type: 'POST',
				url: $("#knowledgeUrl").val()+'admin-recite/recite/import',
				data: formData,
				contentType: false,
				processData: false,
				success: function (data) {
					if (data.code == 1) {
						if (data.data == '')
						{
							alert("导入成功！请在移动端验收，避免展示错误");
						} else {
							alert("模板导入失败，导入存在错误，序号："+data.data+"请根据模板要求重新导入；");
						}

						location.reload();
					} else {
						alert(