jQueryシリアル化メソッドは入力タイプファイルでは機能しません

Question

このプラグインは見つかりました：http://jquery.malsup.com、それは素晴らしい動作しますが、私はプラグインなしでそれをしたいと思います。誰か助けてくれますか？

Answer 1

ファイルアップロードをシリアル化することはできません。 Javascriptは、アップロードされるファイルデータにアクセスできません。

アップロードを実行する唯一の方法（アプレット/コンポーネントを使用せずに）は、ファイル入力がある場所にフォームを投稿することです。

Answer 2

はい、@Guffaできます。やった。

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="http://{url}/js/ajaxfileupload.js"></script> 
<script src="http://{url}/js/jquery.form.js"></script> 

<script> 
(function() { 

var bar = $('.bar'); 
var percent = $('.percent'); 
var status = $('#status'); 

$('#txtrform').ajaxForm({ 
    beforeSend: function() { 
     status.empty(); 
     var percentVal = '0%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    uploadProgress: function(event, position, total, percentComplete) { 
     var percentVal = percentComplete + '%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    success: function() { 
     var percentVal = '100%'; 
     bar.width(percentVal) 
     percent.html(percentVal); 
    }, 
    complete: function(xhr) { 
     status.html(xhr.responseText); 
    } 
}); 

})();  
</script> 
<script> 
$(document).ready(function(){ 

    $("#txtrform").submit(function(){ 

     $.post($(this).attr('action'), $(this).serialize(), function(data) { 
      $("#col3").load("/include/txtrpbox/feed.php"); 
      $('input#txtrinput').val(''); 
     }); 

     return false; 
    }); 

}); 
</script>