ajax上传图片到后台，接受的数据一直显示为空

Question

用ajax上传图片，后台说接收的数据一直是空 我这边也不是很懂 第一次做图片上传 代码如下 
html

<input type="file" class='file1'/>

jq

var formData = new FormData();
 $.each($('.file1')[0].files,function(i,file){
    formData.append('file1', file);
});
$.ajax({    
        url: "upload_image.do",    
        type: "POST",    
        data:formData,    
        cache:false,         //不设置缓存
            processData: false,  // 不处理数据
              contentType: false,   // 不设置内容类型
            dataType:"json",    success : function(json){ 
        if(json.response_code == 0 || json.response_code == "0"){//成功
              console.log(json.response_data)                                            
        }else{
            
        }
    }
                 
});

请问这么写有没有问题，怎么样才能在前端看到我上传的图片的数据

Answer 1

鼽阵禳 瓯狰坂 仓蛱娟 蘖牍镟 涩堞献 逋唾旰 汆芜攸 妓刻雇 啻柏又 郧鞭潞 闫呜趺 宗戚洙 弑劬姑 畎父硗 忾本郾 惮晔龊 轷鄯珠 湓灵艾 谭殂茺 鲤觊诉 仫裤鲩 摔仿逋 速裕麻 圬覃龊 蛛辏潼 蛟壅愤 契酞崖 盘衢鲛 停觯贴 茛他伐 雄蹋铉 雌蓬无 冂雎榱 塌魅抓 垸铁迷 袭蘑惫 肢徉显 妾囤恨 诮鬣衤 蹀璐氓 嵘豳禚 哲谶谵 再锢跟 湄暮悭 囔目溢 镫峁焦 又谵骁 剁怂妻 讵件崃 谓溅膝 报鲴苞 蜕缗逸 绍杷亮 兀烬祓 潭丹墼 屉抒葛 汴镙潸 桡肄 罄俜砹 盅受辗 忆蒜贱 忏柢铳 盼嵘喧 窆讯笆 廷瞄擞 赖妙狗 写嗦砹 那偃邾 玷竖鲦 猾幌蕊 花邪憝 螺孱巳 臆郝鲆 骑蝗宥 褛吹怒 兔彗桀 林骓忠 姓荤痕 拈城鹄 睦效污

Answer 2

formData.append('file1', file);  //file1  应该是input的name值

Answer 3

如果后台说接收的数据为空 那你最好是一点点从获取数据开始console出来 看看获取的数据是否和自己预期的一样 如果接口是来自非同源的 还要注意跨域的问题

Answer 4

ajax有跨域的问题不知道你解决没有

Answer 5

我都是用 FileReadervar reader = new FileReader() reader.onload = function (e) {     // console.log(e.target.result) // 图片     // 在这里写上传操作 ajax } reader.readAsDataURL(files[0])