根据调用 <form method="post" action="/importExcle" enctype="multipart/form-data">写一个关于 <div class="adaptive_btn_regular" style="position: relative;"> <span class="ysgf tbitemv7_icon_3 margin-right5"></span>导入Excel <input type="file" id="file" name="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" onchange="submit();" style="display:none;"> </div>的点击事件并能进行点击文件进行上传
时间: 2023-07-06 16:05:32 浏览: 169
以下是一个基于jQuery的点击事件处理程序,可以实现点击按钮后选择文件并上传到服务器的功能:
```javascript
$('div.adaptive_btn_regular').on('click', function() {
$('input#file').click();
});
$('input#file').on('change', function() {
var formData = new FormData();
formData.append('file', $('input#file')[0].files[0]);
$.ajax({
url: '/importExcle',
type: 'POST',
data: formData,
contentType: false,
processData: false,
success: function(response) {
// 处理成功响应
},
error: function(xhr, status, error) {
// 处理错误响应
}
});
});
```
这个处理程序首先将点击事件绑定到导入Excel按钮上,当按钮被点击时,它将触发一个文件选择器。一旦用户选择一个文件,它将被添加到一个FormData对象中,并使用jQuery.ajax()函数发送到服务器。在这个例子中,我们使用POST请求将文件上传到/importExcle URL。上传成功后,服务器将返回一个成功的响应,并在success回调函数中进行处理。如果上传失败,则在error回调函数中处理错误响应。
阅读全文