当前位置： 移动技术网 > IT编程>网页制作>CSS > 前端上传pdf文件到阿里云服务器的实现方法

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

2019年06月20日  | 移动技术网IT编程  | 我要评论

买宝马2小时被偷,冷风暴金城玲子,雨树林风

一 需求

上传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命令;只有打好了基本功，才能研究更深的技术。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网