FormData() form 양식 요소 항상 비어 있음

Ajax로 파일을 업로드하려고했지만 FormData가 항상 비어 있습니다. 당신은 여기에 결과를 볼 수 있습니다FormData() form 양식 요소 항상 비어 있음

<html> 
<head> 
<link rel="stylesheet" href="../website/css/bootstrap.min.css"> 
</head> 
<body> 
    <form id="providerForm"> 
     <input id="fileI" class="form-control" name="fileI" type="file" /> 
     <button id="newProviderButton" type="submit" class="btn btn-success" 
      value="Enviar">Enviar</button> 
    </form> 
</body> 
<script type="text/javascript" 
    src="https://code.jquery.com/jquery-latest.min.js"></script> 
<script 
    src="http://formvalidation.io/vendor/formvalidation/js/formValidation.min.js"></script> 
<script 
    src="http://formvalidation.io/vendor/formvalidation/js/framework/bootstrap.min.js"></script> 
<script> 
    var providerId = ""; 
    function newProvider() { 

     var a = $("#providerForm")[0]; 
     var b = $("#providerForm"); 
     var c = new FormData($(b)[0]); 
     var d = document.getElementById('providerForm'); 
     var dataT = new FormData(d); 
     var params = $('#providerForm').serializeArray(); 
     c.append("file",$($(a).find("#fileI"))[0]); 
     $.each(params, function(i, val) { 
      dataT.append(val.name, val.value); 
      console.log(val.name + ": " + val.value); 
     }); 
     $.ajax({ 
        type : "POST", 
        beforeSend : function(request) { 
         request.setRequestHeader("Content-Type", 
           "multipart/form-data"); 
        }, 
        url : "../services/user/profile/upload/image", 
        data : dataT, 
        cache : false, 
        contentType : false, 
        processData : false, 
        success : function(msg) { 
         if (msg.message == "OK") { 
          mAlert({ 
           container : $("#providerForm"), 
           message : 'Usuario registrado correctamente', 
           type : 'success', 
           okButton : 'OK' 
          }); 
         } 
        }, 
        statusCode : { 
         401 : function() { 
          window.location.replace("../entrance.jsp"); 
         } 
        } 
       }); 

    } 
    $(document).ready(function() { 
     $("#providerForm").on('reset',function(){ 
      $(this).data('formValidation').resetForm(true); 
     }); 
     $('#providerForm').formValidation({ 
       framework: 'bootstrap', 

       icon: { 
        valid: 'glyphicon glyphicon-ok', 
        invalid: 'glyphicon glyphicon-remove', 
        validating: 'glyphicon glyphicon-refresh' 
       }, 
       fields: {} 
      }) 
     .on('success.form.fv', function(e) { 
       // Prevent form submission 
       e.preventDefault(); 

       var $form = $(e.target), 
        fv = $(e.target).data('formValidation'); 

       // Do whatever you want here ... 

       // Then submit the form as usual 
       newProvider(); 
       //fv.defaultSubmit(); 
      }); 
    }); 
</script> 
</html>

이

내가에 사용하고 코드입니다.