有关使用异步请求进行文件上传的方法

2019独角兽企业重金招聘Python工程师标准>>>

1.引入js,

<script type="text/javascript" 
    src="<%=request.getContextPath()%>/resources/js/ajaxFile/jquery.js" charset="utf-8"></script>
<script type="text/javascript" 
     src="<%=request.getContextPath()%>/resources/js/ajaxFile/ajaxfileupload.js" charset="utf-8"></script>

2.将表单的内容转换为json

<script type="text/javascript"
        src="<%=request.getContextPath()%>/resources/js/workorder-page-utils.js"  charset="utf-8"></script>

3.异步上传

$.ajaxFileUpload({
                url : '<%=request.getContextPath()%>/fileUpload/upload',//表单上传的路径
                secureuri : false,
                fileElementId : 'filename',   //上传文件input的id
                dataType : 'json',             //数据传输格式为josn
                data : $("#workorderForm3").serializeObject(),   //将表单数据序列化为json
                success : function(data) {
                    var annexsJson="";
                    annexsJson+=data.annexName+",";
                    annexsJson+=data.annexType+",";
                    annexsJson+=data.annexUrl+",";
                    $("#annexsJson").val(annexsJson);
                  
                },
                error : function(data, status, e) {
                    alert('上传出错');
                }
            });

 

转载于:https://my.oschina.net/u/3045515/blog/819673