jquery - Jquery 序列化在 Ajax 提交上没有产生任何结果

Question

为什么serialize()下面什么都不产生？

它不适用type=file吗？如果没有，我如何发布我的数据？

<form enctype="multipart/form-data" id="fileload" name="fileform"  
                                        action="/bounce" method=POST>
Select JSON File:<br> 
          <input id="fname" type="file" name="fdata" /><br>
          <input type="submit" name="abutton" value="Load" />
        </form>

$(function() {
  $('#fileload[name=fileform]').submit(function(e){
  // or $('form[name=fileform]').submit(function(e){
    e.preventDefault();
    var v= $(this).serialize();
    console.log('V' +  v) ;
    $.post($(this).attr('action'), $(this).serialize(), function(json) {
    alert(json);
    }, 'text');
  return false;
  }); 
});

Answer 1

Jquery 无法读取本地文件，但如果您想获取文件名 + 路径：

$(function(){
$('#fileload[name=fileform]').submit(function(e){
// or $('form[name=fileform]').submit(function(e){
    e.preventDefault();
    var v= $(this).serialize()+$('#fname').attr('name')+'='+$('#fname').val();
    console.log('V' +  v) ;
    $.post($(this).attr('action'), v, function(json) {
    alert(json);
    }, 'text');
return false;

}); });