Java ajax 上传文件(隐藏上传按钮方式)

最新推荐文章于 2021-03-29 14:20:28 发布

一个你得不到的男人

最新推荐文章于 2021-03-29 14:20:28 发布

阅读量1.2k

点赞数

分类专栏： java 知识与经验

本文链接：https://blog.csdn.net/Alai_programmer/article/details/80079223

版权

本文介绍了如何在Java SpringMVC环境中，利用Ajax实现文件上传，并隐藏传统上传按钮，提供更友好的用户体验。前端代码与后端处理及配置进行了详细说明。

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

记录以后可能会用到。

首先前端代码：

<div class="uploadbox">                                                 
    <input type="file" id="file" style="display:none" onChange="up()">                                              
    <button type="button" class="" id="test1" onclick="file.click()"> 
    <i class="layui-icon">&#xe67c;</i>上传文件</button>                                                                                                             
</div> 


//上传文档  具体实现
function up(){  
    var max=4*1024*1024;//4194304
    $("#loading2").show();
    var file = $("#file")[0].files[0]; //取值