100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 前端如何提交文件 不使用form表单提交方式提交文件 JS提交文件

前端如何提交文件 不使用form表单提交方式提交文件 JS提交文件

时间:2024-07-29 18:47:01

相关推荐

前端如何提交文件 不使用form表单提交方式提交文件 JS提交文件

前端使用Ajax传值方式:

<body><input type="file" id="importFile"/><input type="button" id="import-submit" value="提交导入文件"/></body><script type="text/javascript">$('#import-submit').click(function () {var formData = new FormData();var name = $("#importFile").val();formData.append('file', $("#importFile")[0].files[0]);// 此处可传入多个参数formData.append('name', name);$.ajax({url: '/collar/import',type: 'post',async: false,data: formData,processData: false,// 告诉jQuery不要去处理发送的数据contentType: false,// 告诉jQuery不要去设置Content-Type请求头beforeSend: function () {//过程...console.log('正在进行,请稍候')},success: function (res) {if (res == '1') {console.log('导入成功')} else {console.log('导入失败')}},error:function(){console.log('导入失败')}})})</script>

后端:

@RequestMapping("/import")public void export(VivoIMEIUp zipRequest, @RequestParam("file") MultipartFile file,HttpServletRequest request, HttpServletResponse response) {//通过file.getInputStream();处理}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。