2014-10-26 131 views
0

我正在寫應用程序,我需要上傳文件ajax我用jQuery.form庫,但行動去控制器空文件列表我不知道爲什麼這裏是我的代碼html:上傳文件jQuery ajax MVC

<form id="well-log-form" method="post" enctype="multipart/form-data"> 

      <div class="fileUpload btn btn-primary"> 
       <span>Well Logs</span> 
       <input type="file" id="well-logs" class="upload" /> 
      </div> 
     </form> 

和JS代碼是:

document.getElementById("well-logs").onchange = function() { 

    var _url = "/Importer/WellLogUpload"; 
    var options = {   
     beforeSubmit: showRequest, 

     url: _url, 
     type: 'post'   

    }; 
    $('#well-log-form').ajaxSubmit(options); 
}; 
function showRequest(formData, jqForm, options) { 
    return true; 
} 

function showResponse(responseText, statusText, xhr, $form) { 
    // $("body").append(responseText); 
} 

可以在任何一個幫助,我認爲它應該工作,但我不知道爲什麼它不工作。

回答

1

在jquery中試試這個,它會發布你的文件。

//#file is the id of { <input type="file" id="file"> } 

$("#file").change(function() { 

    var file_data = $(this).prop("files")[0]; 
    var form_data = new FormData(); 
    form_data.append("file", file_data) 

    $.ajax({ 
     url: "your url", 
     type: "post", 
     data: form_data, 
     contentType: false, 
     processData: false, 
     success: function (path) { 
      //on success 
     } 
    }); 

});