Der Antrag wurde abgelehnt, weil keine multipart-Grenze gefunden wurde

Bin ich über ein Formular in einer LightBox, die enthält einige der input-element.

<form name="imageUploadForm" action="uploadImage.do" method="post" enctype="multipart/form-data">
<input type="text"  id="id" name="id" style="display: none;" value="">
    <div id="fileUploaderDiv">
         <input type='file' name="file0" id ="file0"  />
    </div>
<input type="submit" value="Submit">
</form>

wenn ich Absenden des Formulars über das Formular umleiten, um es action-Lage. Ich will einfach nur ein Formular Einreichen, ohne dass Sie Benutzer, so dass Benutzer bleiben auf lightbox ohne Verlust seiner Daten.

Ich habe versucht jquery-ajax-call für dieses

var data = new FormData();
var $inputs = $('#imageUploadForm :input');
var values = {};
    $inputs.each(function() {
                values[this.name] = $(this).val();
                data.append(this.name, $(this).val());
            });
$.ajax({
                url: 'uploadImage.do',
                data: data,
                cache: false,
                contentType: 'multipart/form-data',
                processData: false,
                type: 'POST',
                success: function(data){
                   alert(data);
                }
            });

Aber immer Fehler auf server-Seite in meinem FileUploader servlet.

The request was rejected because no multipart boundary was found

kann mir jemand sagen, was bin ich in diesem ?

Suche nach AJAX.
yup AJAX sollte es tun.
Die senden-Schaltfläche trigger ein JS-event, die Daten sammeln und (wie elclanrs sagt) ->AJAX
Diese Frage kann helfen: stackoverflow.com/questions/166221/...
Mein Servlet-code ist srikanthtechnologies.com/blog/java/fileupload.aspx

InformationsquelleAutor Ashish Panery | 2012-08-04

  1. 1

    Hier ist die einfachste Art, ein Formular Absenden mit jquery Ajax. Ich habe nicht getestet aber es sollte funktionieren 🙂

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test form</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('#sbmt').click(function(){
            var text1 = $('#text1').val();
            var text2 = $('#text2').val();
            ///validation of inputs
            ///then
            $.ajax(
            {
                url :'submit.php',
                type : 'post',
                        data :  {'text1' : text1, 'text2' : text2 },
                success: function(data){
                        alert("form submitted . response is :"+ data);
                    }
            }
            ).fail(function(){alert("Failed!!");});
            });
        });
    </script>
</head>
<body>
    <form id="myform">
        <input type="text" id="text1" />
        <input type="text" id="text2" />
        <input type="button" id="sbmt"  value="submit"/>
    </form>
</body>
</html>
    By the way, es sieht jetzt aus wie Sie wollen, eine Datei mit dem Formular. Das ist komplexer als das. Suche für Valums Uploader bei google. Das ist eine gute uploader, wenn Sie brauchen, ajax Datei upload
    Beeindruckt von der Mühe, die Sie streckte. 🙂
    Danke Mann. Ich Liebe, stack exchange und haben viel gelernt von hier. Also versuche ich das zu beantworten was ich kann, im Gegenzug 🙂
    Dank ich habe versucht, Ihre Lösungen auf verschiedene Art und Weise bekam aber Fehler bei der server-Seite.ich habe bearbeitet Sie meine Frage.

    InformationsquelleAutor Sugato

  2. 2

    Müssen Sie verhindern, dass die Standard-Aktion, die das Formular abgesendet:

    $('form[name="imageUploadForm"]').on('submit', function(e) {
     e.preventDefault();
     $.ajax({
            type: 'POST',
            url: 'uploadImage.do',
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data){
               alert(data);
            }
     });
});

    Ich glaube, Sie sollten die contentType-option auf false, wenn mit dem FormData-Klasse, zwingen von jQuery nicht, fügen Sie eine Content-Type-header, da sonst die boundary-string fehlt, und das ist wahrscheinlich der Grund für Ihre server-Fehler.

    Müssen Sie auch verlassen, die processData-flag auf false, ansonsten, jQuery wird versuchen, konvertieren Sie Ihre FormData in einen string, der wird scheitern.

    Ich habe versucht, Ihre Lösung, aber google chrome werfen einer " Uncaught TypeError : Illegal-Aufruf. b_ f.verlängern.param f.verlängern.ajax (anonyme Funktion) f.event.Versand f.event.hinzufügen.h.Griff.ich

    InformationsquelleAutor adeneo

Schreibe einen Kommentar