前端上传pdf文件到阿里云服务器的实现方法
程序员文章站
2022-03-22 12:54:22
一 需求
上传pdf文件到阿里云服务器
二 代码
html:
<...
一 需求
上传pdf文件到阿里云服务器
二 代码
html:
<span style="font-family:simhei;"><p class="modal-body"> <form id="uploadreportform" action="" class="form-horizontal" enctype ="multipart/form-data"> <input type="file" id="reportfilepdf" name="reportfilepdf" accept="application/pdf"/> <input type="hidden" id="uploadreportbookingid" name="bookingid"/> </form> </p> <p class="modal-footer left"> <a href="###" class="btn btn btn-primary btn-primary-outline btnok" id="reportmodalok">确认</a> <a href="###" class="btn btn-default btn-primary-outline" data-dismiss="modal">取消</a> </p></span>
jquery:
<span style="font-family:simhei;">$('#reportmodalok').on("click",function () { if($("#reportfilepdf").val()==""||$("#reportfilepdf").val()==null) { toastr.warning("请选择需要上传的pdf文件"); return; }else { var url = ""; var formdata = new formdata($("#uploadreportform")[0]); //ajax } })</span>
java:
@requestmapping("/..") @responsebody public rspresult uploadreportbybookingid(@requestparam("reportfilepdf") multipartfile reportfilepdf, httpservletrequest request, httpservletresponse response){ string aaa = request.getparameter("id");//获取其他参数 。。。//上传 }
三 总结
其实有个几个坑:
1 后台接收不到值
controller接受的参数名和<input type = "file" name = "name"> name 要一样
2 org.thymeleaf.exceptions.templateinputexception 异常
controller添加 @responsebody 返回json格式
希望可以帮助到需要的人,虽然简单,但是也有不少坑。全站工程师是未来的趋势,后台既要有扎实的基本功,前端常用功能也要会,玩弄各种插件,跑的贼溜;运维也要会,熟练常用llinux命令;只有打好了基本功,才能研究更深的技术。
上一篇: 研发项目管理软件-禅道12.1安装