可以在表单中提交文件和其他字段一次吗？

Question

我想使用jquery提交表单，带有文本字段和文件字段的表单，但它只提交文本字段＆＃34; groupId＆＃34; ，我无法使用文件字段提交groupId。 请求标题只是 内容类型：应用程序/ X WWW的窗体-urlencoded;字符集= UTF-8

我的问题是：我可以提交一次groupId字段和文件字段吗？如果可以，我该怎么办？

以下代码

<form  id="submitForm"  >                      
           <div class="form-group">
             <label for="exampleInputEmail1" >groupId</label>
             <input type="text" name="groupId" class="form-control" >
           </div>

          <div class="form-group">
             <label for="exampleInputFile" >File input</label>
             <input type="file" name="file" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp">
                 <small id="fileHelp" class="form-text text-muted">This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.</small>
          </div>
          <button id="newItemSubmitButton" type="submit" class="btn btn-primary">submit</button>
          <button type="button" class="btn btn-default" >cancel</button>
    </form>

js code

                var submitForm = $('#submitForm');
                $("#newItemSubmitButton").click(function (e) {
                    console.log("submit");  
                        e.preventDefault();
                        console.log("after preventDefault");
                        $.ajax({
                            data:submitForm.serialize() ,
                            url: "./testSubmit",
                            type: "post",
                            success: function (data) {
                                // $("#form_output").html(data);
                                console.log("hello");
                            },
                            error: function (jXHR, textStatus, errorThrown) {
                                alert(errorThrown);
                            }
                        });

                    $('#newItem').modal('hide');
                    return false;
                });