//add-excel-btn 点击事件 $("#add-excel-btn").click(function () { var input = document.createElement('input'); input.type = 'file'; input.accept = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'; input.style.display = 'none'; input.id = 'imageInput'; input.addEventListener('change', function() { imgfile = this.files[0]; console.log(imgfile); upload_excel(imgfile) }); document.body.appendChild(input); input.click(); document.body.removeChild(input); });这是我的前端代码,请问ajax该怎么写,后端go语言gin框架怎么接受
时间: 2024-03-06 18:48:01 浏览: 70
html5-在线视频播放器
你可以通过以下代码来编写ajax请求并将Excel文件上传到后端:
```javascript
function upload_excel(file) {
var form_data = new FormData();
form_data.append('file', file);
$.ajax({
url: '/upload',
type: 'POST',
data: form_data,
contentType: false,
processData: false,
success: function(response) {
console.log(response);
},
error: function(jqXHR, status, error) {
console.log(error);
}
});
}
```
在后端,你可以使用gin框架的`POST`函数来接受上传的Excel文件:
```go
func uploadExcel(c *gin.Context) {
file, err := c.FormFile("file")
if err != nil {
c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
return
}
// 处理上传的Excel文件
//...
c.JSON(http.StatusOK, gin.H{"message": "Excel文件上传成功"})
}
```
需要注意的是,你需要在路由中将`/upload`指向`uploadExcel`函数。
阅读全文