javascript - 利用formdata实现文件上传 可是为什么获取到的form是空的

问题描述

问 题

html代码
<form id='add'>
    <input type="text" name='book'></input>
    <input type="file" name='source'></input>
    <input type="submit" value="提交"/>
</form>
jq代码
$('#add').submit(function(){
            
            var data = new FormData($('#add')[0]);  
            console.log(data);
            $.ajax({  
                url: "http://"+b[2]+'/'+b[3]+'/'+'page/member/importMembers',
                type: 'POST',  
                data: data,  
                cache: false,
                async: true,
                contentType: false,  
                processData: false,
                success:function(data){  
                    //alert(data);
                    alert("UploadFile Success");
                }   
            });  
            return false;   
        });

控制台显示的是这个错误

后台的这块文件的字段这块显示的是

解决方案

我这块主要是后台写的时候需要用到的html里面的input的name，所以我写的name需要和后台写的是一样的，才能获取到正确的数据
插一句题外话， 前端要是看不懂后台的代码，太吃亏了。。。。

这篇关于javascript - 利用formdata实现文件上传 可是为什么获取到的form是空的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！