upload file using jquery ajax

Ich versuche, eine Datei hochzuladen, mit jquery-aber ich will nicht die Seite zu aktualisieren.

Las ich einige doppelte Fragen, aber Sie hat nicht mein problem zu lösen.

sagen Sie mir bitte, wenn ich falsch bin, in die Verwendung von codes.

<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script src="js/myajax.js" type="text/javascript"></script>

html-code:

<form id="uploadpic" action="func/uploader.php" enctype="multipart/form-data" method="post" onsubmit="sendAjax('uploadpic','#image_place'); return false;">
<label for="UserImage" class="fright">new pic</label>
<div class="file-input width-100">
    <input type="file" id="File1" class="choose-file" name="choose-file" onchange="javascript: document.getElementById('uploadpic').submit();" />
    <span class="file-button">- - - - -</span>
</div>
</form>

und myajax.js:

function sendAjax(n,des,dataform){
    if(dataform==undefined) dataform = des;
    $(dataform).animate({opacity:0.5},100);
    var frm = $('#'+n);
        $.ajax({
        type: frm.attr('method'),
        url: frm.attr('action'),
        data: frm.serialize(),
        success: function (data) {
        $(des).html(data);
            $(dataform).animate({opacity:1},100);
        }
    });
    return false;
}

Dank...

Versuchen Sie es mit ajaxform plugin. malsup.com/jquery/form
Beispiel: jsfiddle.net/vishalvaishya/xh65S, Wie es verwendet HTML 5 unterstützt HTML5-kompatiblen Browser. irefox 4+, Google Chrome, IE10, Safari 5+.

InformationsquelleAutor mehran | 2013-05-23

  1. 3

    Müssen Sie eine ajaxForm submit() Funktion hier. Im Grunde bin ich ein RoR Entwickler. Sie müssen ändern Sie den Javascript-Teil. (Entfernen Sie auf submit-handler von form-tag)

    Versuchen

    <script type="text/javascript">
  $(document).ready(function(){
    $('#File1').change(function() {
      $("#uploadpic").ajaxForm({ target: "#image_view" }).submit();
      return false;
   });
 }); 
</script>

#image_view is just a div. where the response from ajax function can be loaded.
    überrascht .. ...

    InformationsquelleAutor Jyothu

Schreibe einen Kommentar