JavaScript调用input field 上传文件+使用axios上传文件到spring boot multipartfile并存储到硬盘

最新推荐文章于 2022-12-05 10:24:03 发布

YJ-Eden

最新推荐文章于 2022-12-05 10:24:03 发布

阅读量880

点赞数

分类专栏： Html Spring bot 文章标签： html javascript http spring boot java

本文链接：https://blog.csdn.net/sinat_25079053/article/details/105866807

版权

本文介绍了如何在HTML页面中使用JavaScript处理文件上传，并通过axios发送到Spring Boot的Controller层，将文件转换为MultipartFile并存储到硬盘。

摘要由CSDN通过智能技术生成

1

html层

<body>
	<!--提交.bvh文件的按钮，隐藏，用js唤醒-->
	<input type="file" id="bvhFile" name="bvhFile" accept=".bvh" style="display: none">
	
	<!--监控选择的上传文件是否改变，改变则调用bvhFileLoad函数上传文件-->
	<script src="../../vendor/jquery/jquery.min.js"></script>
	<script type="text/javascript">
	  $(function(){
    
	    var $input = $(