在web发起请求中,同时上传文件和字符串

1.用jquery.form插件中的ajaxSubmit可以支持文件的上传(浏览器支持好)

                                        <form id="replyForm" method="post" action="#springUrl('/')user/oper/arbi/questionLetterReply/reply" enctype="multipart/form-data">
                                        <input name="billId" value="$!{bill.id}" type="hidden">
                                        <input name="code" value="" type="hidden">
                                        #foreach($vo in $vos)
                                        <ul class="add_evidence add_spacing">
                                            <input name="letterFiles" type="hidden" laf="$!{vo.id}">
                                            <li title="$!{vo.name}">回复:$!{vo.fileDesc}</li>
                                            <li>
                                                <span><b>*</b>请上传材料:</span>
                                                <div class="file_wraper">
                                                    <div class="file_box">
                                                        <div class="file_style">选择文件</div>
                                                        <input type="file" class="file_upload" style="" name="replyFiles" la="$!{vo.id}">
                                                    </div>
                                                </div>
                                                <i class="file_name" lan="$!{vo.id}">未选择任何文件</i>
                                            </li>
                                            <li>
                                                <span>&nbsp;</span>
                                                <i class="file_careful">上传证据为pdf、jpg、word格式文件,文件大小10MB以内</i>
                                            </li>
                                            <label class="file_careful01">注:以上材料由服务机构依据相关业务标准从业务平台获取,不可随意修改或删除。如有异议,请与客服人员联系</label>
                                            <input type="button" class="delete_bnt deleteReply" value="&nbsp;&nbsp;&nbsp;&nbsp;删除" lad="$!{vo.id}">
                                        </ul>
                                        #end
                                        </form>
/** 提交 */
 $('#submitBtn').click(function() {
     var code = $('.vercode').val();
     if (code === '') {
         alert('验证码不能为空');
         return;
     }
     $('input[name="code"]').val(code);

     var pass = false;
     $('input[type="file"]').each(function(i, e) {
         if ($.trim($(e).val()) != '') {
             pass = true;
             return false;
         }
     });

     if (!pass) {
         alert('没有文件待提交');
         return;     
     }

     var form = $('#replyForm');
     var url = '#springUrl("/")user/oper/arbi/questionLetterReply/reply';
     var options = {
         url: url,
         type: 'POST',
         dataType: 'json',
         success: function(data) {
             var jsonData = data;
             if (data.retCode === undefined) {
                 jsonData = JSON.parse(data);
             }
             if (jsonData.retCode === 1) {
                 alert('提交成功');
                 window.location.reload();
                 return;
             }

             alert(jsonData.retMsg);
         }
     };

     form.ajaxSubmit(options);
 });

2.用new FormData()的方式,但是需要html5的支持

new FormData()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值