前端上传pdf文件到阿里云服务器的实现方法

一 需求

上传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;              }el {                  var url = "";                  var formdata = new formdata($("#uploadreportform")[0]);                  //ajax              }          })</span>  

马之千里者java:有创意的欢迎语

 @requestmapping("/..")   @responbody   public rspresult uploadreportbybookingid(@requestparam("reportfilepdf") multipartf调整电脑亮度ile reportfilepdf, httprvletrequest request, httprvletrespon respon){              string aaa = request.getparameter("id");//获取其他参数 高铁学校多少分      。。。//上传   }  

三 总结

其实有个几个坑：

1 后台接收不到值

 controller接受的参数名和<input type = "file" name = "name"> name 要一样 

2 org.thymeleaf.exceptions.templateinputexception 异常

controller添加 @responbody 返回json格式

希望可以帮助到需要的人，虽然简单，但是也有不少坑。全站工程师是未来的趋势，后台既要有扎实的基本功，前端常用功能也要会，玩弄各种插件，跑的贼溜;运维也要会，熟练常用llinux命令;只有打好了基本功，才能研究更深的技术。