爪哇 - 在IE抛org.apache.commons.fileupload.MultipartStream $ MalformedStreamException FORMDATA:流意外结束 [英] Java - FormData in IE throwing org.apache.commons.fileupload.MultipartStream$MalformedStreamException: Stream ended unexpectedly

查看:211
本文介绍了爪哇 - 在IE抛org.apache.commons.fileupload.MultipartStream $ MalformedStreamException FORMDATA:流意外结束的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有建于Java的Web应用程序的IE浏览器的特定问题。在AJAX提交多部分形式,只能在IE中,我看到一个MalformedStreamException。该形式在FF和铬完美的提交。

I am having an IE specific issue with a web application which was built in Java. On AJAX submission of a multi-part form, only in IE, I am seeing a MalformedStreamException. The form submits perfectly in FF and Chrome.

我一直在敲打我的头撞在墙上试图找出什么时候这个问题的出现和可能会造成什么,但我已经无法追踪下来。我注意到,除去[0]从FORMDATA对象导致表单正确提交。然而,这样做打破了图像提交我以为是因为如何FORMDATA对象的格式。我已经包含了HTML和Javascript为我们破碎的形式之一。任何帮助将大大AP preciated。

I've been banging my head against the wall trying to pinpoint exactly when this issue arose and what could be causing it but I've been unable to track that down. I have noticed that removing the [0] from the FormData object causes the form to submit correctly. However, doing that breaks the image submission which I assume is because of how the FormData object is formatted. I've included the HTML and Javascript for one of our broken forms. Any help would be greatly appreciated.

JSP

<form:form class="scrollingContent bbq" name="addArtistForm" id="addArtistForm" modelAttribute="artistModel"
         method="post" enctype="multipart/form-data">

            <div class="step cf" id="addArtist-1">
                <div class="ediv errorMessage"></div>

                <%--<div class="dividedRow row cf">
                    <div class="left modalLabel standardLabel">
                        <label for="fbArtistID">Start With A <a target="_blank" href="https://developers.facebook.com/tools/explorer?method=GET&path=TheLostOnion" title="Find Your Facebook Artist ID Here"><span class="green">Facebook
                                ID</span></a> </label>
                                <p class="helpText">Paste your Facebook Path in the Get field, not including the "facbook.com/", then click submit and look for your "id"</p>
                    </div>
                    <div class="right modalField">
                        <input type="text" name="fbArtistID" id="fbArtistID" /> <input
                            type="button" name="fbGo" id="fbGo" class="silverBtn noShadow"
                            value="Go &raquo;" onclick="fbLogin()" />
                    </div>
                </div>
                <!-- /.dividedRow -->
                --%>

                <div class="fieldBlock row cf">
                    <div class="left modalLabel standardLabel">
                        <label for="artistName">Artist Name<span class="red">*</span>
                        </label>
                    </div>
                    <div class="right modalField">
                        <input type="text" name="artistName" id="artistName1" class="ajaxSearch" onkeyup="getArtistListForArtist(this, 'membersstate2', 'artistMembersId')"/>
                        <p class="helpText">Please make sure your Artist is not ALREADY in the database from other fans and Promoters who add artists, type each keyword of your artist name and look to see if your artist listing comes up on the right - if it does, click on it and then CLAIM it so you can manage it!</p>
                        <%--                            <form:input path="artistName" id="artistName" /> --%>

                    </div>
                </div>
                <!-- /.fieldBlock -->

                <div class="fieldBlock row cf">
                    <div class="left modalLabel standardLabel">
                        <label for="artistPrevName">Alias/Previous Name</label>
                    </div>
                    <div class="right modalField">
                        <!--                            <input type="text" name="artistPrevName" id="artistPrevName" /> -->
                        <form:input path="previousName" id="previousName" />
                        <form:errors path="previousName" class="red" />
                    </div>
                </div>
                <!-- /.fieldBlock -->

                <div class="fieldBlock row cf">
                    <div class="left modalLabel standardLabel">
                        <label for="location">Location<span class="red">*</span> </label>
                        <p class="helpText">Where is this Artist based out of?  Choose the Best Possible Answer, if you're not sure, this can be updated later</p>
                        <p class="helpText"><a href="https://maps.google.com/" target="_blank">Search on Google Maps in a New Tab</a></p>
                    </div>

                    <div class="right modalField">

                        <div class="fieldSet">
                            <select id="artistState" name="artistState"></select>
                            <p class="helpText">State</p>
                        </div><!-- /.fieldSet -->

                        <div class="fieldSet">
                            <div><select id="artistCity" name="artistCity"></select></div>
                            <p class="helpText">City</p>
                        </div>

                        <span class="helpText sep">Or</span>

                        <div class="fieldSet">
                            <form:input path="zipcode" id="zipcode" />
                            <p class="helpText">Zip Code</p>
                        </div>
                        <!-- /.fieldSet -->


                   </div><!-- /.modalField -->


                    <!--<div class="right modalField">

                        <div class="fieldSet upSet">

                            <p class="helpText">State&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;City/Town</p>
                            <select id="artistState" name="artistState"></select>
                            <div style="float: right;">

                                <select id="artistCity" name="artistCity"></select>

                            </div>
                        </div>

                    </div>-->
                    <!-- /.right -->

                </div><!-- /.fieldBlock -->


                <div class="fieldBlock cf">
                    <div class="left modalLabel">
                        <label for="genreSlider_AddArtist">Main Genres<span class="red">*</span>
                        </label>
                        <p class="helpText">*Choose Up To 3</p>
                        <p class="helpText">Choose the Best Answers, you'll be able to provide a "Genre in Your Own Words" later</p>
                    </div>

                    <div class="right modalField">
                        <h3>Choose UP TO 3 Best Answers</h3>
                        <ul id="genreSlider_AddArtist" class="row floatLabels genreSlider">

                            <c:forEach items="${childGenres}" var="childgenre" varStatus="loop">
                                <c:set var="rootGenreName" value="${childgenre.key}"></c:set>

                                <li><hgroup>
                                    <h4>${rootGenreName}</h4>
                                    </hgroup> <!-- /.cbSet -->
                                    <div class="left">
                                        <c:set value="${fn:length(childgenre.value) }" var="genreCount" />
                                        <c:choose>
                                            <c:when test="${genreCount > 0}">
                                                <c:set value="${ (genreCount/2) + (1 - ((genreCount/2) % 1)) % 1}" var="genreHalf" />
                                            </c:when>
                                            <c:otherwise>
                                                <c:set value="1" var="genreHalf" />
                                            </c:otherwise>
                                        </c:choose>

                                        <c:forEach items="${childgenre.value}" begin="0" end="${ genreHalf - 1 }"
                                            var="genre">
                                            <div class="cbSet">
                                                <form:input type="checkbox" path="genres" id="genre-${ genre.id }-CB_2" 
                                                    value="${genre.id}" />
                                                <label for="genre-${ genre.id }-CB_2" class="checkBtn">${genre.genreName}</label>
                                            </div>
                                            <!-- /.cbSet -->
                                        </c:forEach>
                                        <!--/c:forEach-->

                                    </div>
                                    <div class="right">
                                        <c:forEach items="${childgenre.value}" begin="${ genreHalf }" var="genre">
                                            <div class="cbSet">
                                                <form:input type="checkbox" id="genre-${ genre.id }-CB_2" path="genres"
                                                    class="genre caCB" value="${genre.id}" />
                                                <label for="genre-${ genre.id }-CB_2" class="checkBtn">${genre.genreName}</label>
                                            </div>
                                            <!-- /.cbSet -->
                                        </c:forEach>
                                    </div>
                                </li>
                                <c:if test="${loop.last}">
                                    <li>
                                        <p class="sliderText">

                                        </p>
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                        <!-- #genreSlider -->
                    </div>
                    <!-- /.right -->

                </div>
                <!-- /.fieldBlock -->



                <div class="fieldBlock cf">

                    <div class="modalLabel left standardLabel">
                        <label>Logo/Photo</label>
                        <p class="helpText">This is the main image that will appear for
                            your Artist Listing on all pages of the site. Should be at least 240px wide, and under 1500px wide.</p>
                    </div>
                    <!-- /.modalLabel -->

                    <div class="right modalField">
                        <input type="file" name="artistLogo" id="artistLogo"/>
                    </div>
                    <!-- /.modalField -->

                </div>
                <!-- /.fieldBlock -->


                <div class="fieldBlock cf">

                    <div class="modalLabel left standardLabel">
                        <label>Header Image</label>
                        <p class="helpText">This is the image that will appear at the
                            top of your Artist Page.  Should be at least 600px wide, the height can vary, shoot for at least 200px tall.</p>
                    </div>
                    <!-- /.modalLabel -->

                    <div class="modalField right">

                        <input type="file" name="artistHeaderImage" id="artistHeaderImage" />

                    </div>
                    <!-- /.modalField -->

                </div>
                <!-- /.fieldBlock -->



                <div class="fieldBlock cf">
                    <div class="left modalLabel">
                        <label>CLAIM?</label>
                    </div>
                    <!-- /.modalLabel -->
                    <div class="right modalField">
                        <div class="cbSet">
                            <form:input path="isClaimed" id="claim" name="claim" type="checkbox" value="true" />
                            <span>Do you represent this artist?</span>
                        </div>
                        <!-- /.cbSet -->
                        <div class="claimWarning">
                            <p class="small">Claims are normally processed within an hour, but can take up to 24hrs depending on day of week and time of day.  Thanks!</p>
                        </div><!-- /."claimWarning" -->

                    </div>
                    <!-- /.modalField -->
                </div>
                <!-- /.fieldBlock -->
            </div>
            <!-- /.step#1 -->

            <div class="step cf" id="addArtist-2">
            <div class="ediv2 errorMessage"></div>
                <h3>Connect</h3>
                <div class="fieldBlock cf">
                    <div class="left modalLabel standardLabel">
                        <label for="artistPhone">Primary Contact Phone</label>
                        <p class="helpText">This information will not be made public, it for our staff to be able to reach you to assist with any issues.</p>
                    </div>
                    <!-- /.modalLabel -->

                    <div class="right modalField">
                        <input type="text" name="primaryContactPhone" id="artistPhone" maxlength="15" />
                    </div>
                    <!-- /.modalField -->
                </div>
                <!-- /.fieldBlock -->

                <div class="fieldBlock cf">
                    <div class="left modalLabel standardLabel">
                        <label for="artistEmail">Primary Contact Email</label>
                    </div>
                    <!-- /.modalLabel -->

                    <div class="right modalField">
                        <form:input type="text" path="artistEmail" />
                    </div>
                    <!-- /.modalField -->
                </div>
                <!-- /.fieldBlock -->

                <div class="fieldBlock dividedRow cf">
                    <div class="left modalLabel">
                        <label>Web Links</label>
                        <p class="helpText">Add as many as you like - Please include http://</p>
                    </div>
                    <fieldset id="artistConnectSection_1"
                        class="repeatingSection right modalField">

                        <div class="bottomMargin">
                            <div class="fieldSet">
                                <input type="text" name="url" id="artistConnect_1" class="artistConnect_1"/>
                            </div>
                            <!-- /.fieldSet -->

                            <div class="fieldSet">
                                <select class="styled" name="urlType">
                                    <c:set var="PersonalLink" value="${PersonalLinkList}" />
                                    <c:forEach var="links" items="${PersonalLink}">
                                        <option value="${links.id}">
                                            <c:out value="${links.linkName}" />
                                        </option>
                                    </c:forEach>
                                </select>
                            </div>
                            <!-- /.fieldSet -->

                            <div class="fieldSet">
                                <input type="button" title="Remove"
                                    class="deleteField silverBtn smallBtn" value="X" />
                            </div>
                            <!-- /.fieldSet -->
                        </div>
                        <!-- modalField -->
                    </fieldset>

                    <div class="modalField right">
                        <input type="button" title="Add Another"
                            class="addField silverBtn smallBtn" value="+" />
                    </div>
                    <!-- /.modalField -->
                </div>
                <!-- /.fieldBlock -->

                <!-- /.fieldBlock -->

                <h3>About</h3>
                <div class="dividedRow">

                    <div class="fieldBlock cf">
                        <div class="modalLabel left standardLabel">
                            <label>Artist Type</label>
                            <p class="helpText">What do people refer to you as?  Choose the Best Answer</p>
                        </div>
                        <div class="modalField right">
                            <select class="styled" name="artistType">
                                <c:set var="ArtistType" value="${ArtistTypeList}" />
                                <c:forEach var="type" items="${ArtistType}">
                                    <option value="${type.id}">
                                        <c:out value="${type.artistTypeName}" />
                                    </option>
                                </c:forEach>
                            </select>
                        </div>
                        <!-- /.modalField -->

                        <!-- /.modalField -->
                    </div>
                    <!-- /.fieldBlock -->

                    <div class="fieldBlock cf">
                        <div class="modalLabel left tallLabel">
                            <label>Established</label>
                        </div>
                        <!-- /.modalLabel -->

                        <div class="modalField right">
                            <div class="fieldSet">
                                <p class="helpText">Month</p>
                                <select class="styled" name="establishedMonth">
                                    <option value="">Select</option>
                                    <option value="Jan">Jan</option>
                                    <option value="Feb">Feb</option>
                                    <option value="Mar">Mar</option>
                                    <option value="Apr">Apr</option>
                                    <option value="May">May</option>
                                    <option value="Jun">Jun</option>
                                    <option value="Jul">Jul</option>
                                    <option value="Aug">Aug</option>
                                    <option value="Sep">Sep</option>
                                    <option value="Oct">Oct</option>
                                    <option value="Nov">Nov</option>
                                    <option value="Dec">Dec</option>
                                </select>
                            </div>
                            <!-- /.fieldSet -->

                            <div class="fieldSet">
                                <p class="helpText">Year</p>

                                <%  java.util.Date dNow = new java.util.Date(); 
                                    java.text.SimpleDateFormat simpleDateFormat = new java.text.SimpleDateFormat("yyyy"); 
                                    int start = Integer.valueOf(simpleDateFormat.format(dNow)); 
                                    int diff = start - 1950; 
                                %> 
                                <select class="styled" name="establishedYear">
                                    <option value="0">Select</option>
                                <%  
                                    for (int i = 0; i <= diff; i++) { 
                                %> 
                                    <option value="<%=start%>"><%=start%></option> 
                                <%  start--; } %> 
                                </select>


                                <!-- <select class="styled" name="establishedYear">
                                    <option value="1995">1995</option>
                                    <option value="1996">1996</option>
                                    <option value="1997">1997</option>
                                    <option value="1998">1998</option>
                                    <option value="1999">1999</option>
                                    <option value="2000">2000</option>
                                    <option value="2001">2001</option>
                                    <option value="2002">2002</option>
                                    <option value="2003">2003</option>
                                    <option value="2004">2004</option>
                                    <option value="2005">2005</option>
                                    <option value="2006">2006</option>
                                    <option value="2007">2007</option>
                                    <option value="2008">2008</option>
                                    <option value="2009">2009</option>
                                    <option value="2010">2010</option>
                                    <option value="2011">2011</option>
                                    <option value="2012">2012</option>
                                    <option value="2013">2013</option>
                                </select>
                                 -->
                            </div>
                            <!-- /.fieldSet -->

                        </div>
                        <!-- /.modalField -->
                    </div>
                    <!-- /.fieldBlock -->

                    <div class="fieldBlock cf">
                        <div class="modalLabel left standardLabel">
                            <label>Status</label>
                        </div>

                        <div class="modalField right">
                            <form:select path="status" class="styled" name="status">
                                <option value="-1">Select</option>
                                <c:set var="StatusList" value="${StatusList}" />
                                <c:forEach var="status" items="${StatusList}">
                                    <option value="${status.id}">
                                        <c:out value="${status.statusValue}" />
                                    </option>
                                </c:forEach>
                            </form:select>
                        </div>
                        <!-- /.modalField -->
                        <!-- /.modalField -->
                    </div>
                    <!-- /.fieldBlock -->

                    <div class="fieldBlock cf">
                        <div class="modalLabel left standardLabel">
                            <label>Stature</label>
                            <p class="helpText">If you commonly play more than 50 miles from your hometown, you are probably a regional artist.  If you commonly perform over 500 miles from your hometown, you are probably a national artist!</p>
                        </div>
                        <div class="modalField right">
                            <form:select path="stature" class="styled" name="stature">
                                <c:set var="StatureList" value="${StatureList}" />
                                <c:forEach var="stature" items="${StatureList}">
                                    <option value="${stature.id}">
                                        <c:out value="${stature.statureValue}" />
                                    </option>
                                </c:forEach>
                            </form:select>
                        </div>
                        <!-- /.modalField -->
                        <!-- /.modalField -->
                    </div>
                    <!-- /.fieldBlock -->

                </div>
                <!-- /.dividedRow -->

                <h3>Sound</h3>
                <div class="fieldBlock cf">
                    <div class="modalLabel left standardLabel">
                        <label for="specificGenre">Genre (In Your Own Words)</label>
                        <p class="helpText">What Would You Say Your Genre is?</p>
                    </div>
                    <!-- /.modalLabel -->

                    <div class="modalField right">
                        <form:input type="text" path="ownWord" name="specificGenre"
                            id="ownWord" />
                    </div>

                    <!-- /.modalField -->
                </div>
                <!-- /.fieldBlock -->
            </div>

            <!-- /.step -->

            <div class="step cf" id="addArtist-3">
                <div class="edivMember1 errorMessage"></div>
                <div class="edivMember errorMessage"></div>
                <!--<ul class="windowStates cf">
                                            <li><a href="#members-state1">State 1</a></li>
                                            <li><a href="#members-state2">State 2</a></li>
                </ul>-->

                <h3>Members</h3>
                <div class="cf addedMembers">

                    <!-- State 1 -->
                    <div id="members-state1" class="cf selectedList"></div>

                    <!-- State 2 -->
                    <div id="membersstate2" class="cf selectedList">
                        <!-- <div class="member">
                                    <h3>Dan Shedd</h3>
                                    <p>Boston, MA</p>
                                    <p class="smDetail">Vocals, Guitar</p>
                                    <input type="button" class="close right silverBtn smallBtn"
                                        value="X" />
                                </div> -->
                        <!-- /.member -->
                    </div>
                    <!-- /.selectedList -->

                </div>
                <!-- /.addedMembers -->
                <!-- <input type="hidden" name="artistMembersId" id="artistMembersId" /> -->
                <div class="dividedRow">
                    <h3>Add Member</h3>
                    <p class="helpText">(From user account)</p>

                    <div class="fieldBlock cf">
                        <div class="left modalLabel standardLabel">
                            <label for="existingMembers">Search Existing</label>
                        </div>
                        <!-- /.modalLabel -->

                        <div class="right modalField">
                            <input type="text" id="existingMembers" class="ajaxSearch"
                                onkeyup="getUserListInDiv(this, 'membersstate2', 'artistMembersId','search')" />
                        </div>
                        <!-- /.modalField -->
                    </div>
                    <!-- /.fieldBlock -->
                </div>
                <!-- /.dividedRow --->



            </div>
            <!-- /.step -->

            <div class="fieldBlock left cf">
                <input type="reset" class="silverBtn back" />
            </div>
            <!-- /.fieldBlock -->
            <div class="fieldBlock right cf">
                <!-- <input type="button" class="silverBtn" value="Save & Close"
                        name="save&Close" /> -->
                <!-- <input type="button" class="silverBtn" value="Save & New" name="save&New" onclick="save()" /> -->

                <!-- <input type="button" class="silverBtn" value="Save & New"
                        name="save&New" /> -->
                <input type="submit" id="submitQuery" class="greenBtn next" name="submitQuery" />
            </div>

            <!-- /.fieldBlock-->
        </form:form>

Javascript的

        jQuery("form#addArtistForm")
        .submit(function(event) {
            event.preventDefault();

            var isValid=$("#addArtistForm").valid();

            if(isValid){
                $("#addArtist #submitQuery").fadeOut(function(){
                    $("#addArtist #submitQuery").after('<img src="/ArtistBomb/resources/images/loading.gif" class="loadSpin" width="40" height="40" />');
                    var str = new FormData($("form#addArtistForm")[0]);
                    $.ajax({
                        type : "POST",
                        data : str,
                        url : "/ArtistBomb/artist/addNewArtist.htm",
                        async : true,
                        success : function(data) {
                            alert(data);
                            if(data=='Artist added successfully'){
                                //window.location.href = location.href;
                                window.location.reload();
                            }
                            else{
                                $("#addArtist .loadSpin").remove();
                                $("#addArtist #submitQuery").fadeIn();
                            }

                        },
                        cache : false,
                        contentType : false,
                        processData : false
                    });
                });
            }
    });

谢谢!

推荐答案

感谢您的建议每一个人。切换到的jQuery插件的形式来处理意见书作为萨米特建议似乎为我们已经解决了这个问题。

Thanks for your suggestions everyone. Switching to the jQuery forms plugin to handle submissions as Sumit suggested seems to have fixed this problem for us.

您也可以下载了jQuery插件的形式在这里: http://malsup.com/jquery/form

You can download the jQuery forms plugin here: http://malsup.com/jquery/form

这个问题似乎已涉及到IE浏览器的最新版本和我们在我们的应用程序中使用FORMDATA,可惜我没能找出问题的确切原因不止于此。

The issue seems to have been related to the latest version of IE and how we were using FormData in our application, unfortunately I wasn't able to pinpoint the exact cause of the issue beyond that.

这篇关于爪哇 - 在IE抛org.apache.commons.fileupload.MultipartStream $ MalformedStreamException FORMDATA:流意外结束的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆