angular $http 传输图片,以及后台接收

这个上传问题,困扰好久,首先,不使用form 表单,用$http请求 ,后台用spring 的接口接收。


前端部分:

$http({
        url:"url",
method: 'POST',
headers: {
'Content-Type': undefined
},
transformRequest: function() {
var formData = new FormData();
formData.append('file',file);
return formData;
}
}).success(function (data) {
console.log(data);   //返回上传后所在的路径
});

后台部分:

@RequestMapping(value = "url",method = RequestMethod.POST)
@ResponseBody
public String upload(HttpServletRequest request,HttpServletResponse res) {
System.out.println(" ----upload________-...");
try {
Long time = Calendar.getInstance().getTimeInMillis();
           //再将request中的数据转化成multipart类型的数据  
            MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;  
            Iterator iter =  multiRequest.getFileNames();  
            while(iter.hasNext()){  
                //这里的name为fileItem的alias属性值,相当于form表单中name  
                String name=(String)iter.next();  
                //System.out.println("name:"+name);  
                //根据name值拿取文件  
                MultipartFile file = multiRequest.getFile(name);  
                if(file != null){  
                    String fileName = file.getOriginalFilename();  
                    String path = "D:/test/" + time + fileName;  
                    File localFile = new File(path);  
                    if(!localFile.getParentFile().exists()) {  
                         //如果目标文件所在的目录不存在,则创建父目录  
                         localFile.getParentFile().mkdirs();  
                         //System.out.println("parent:"+localFile.getParentFile().getPath());  
                     }  
                    //写文件到本地  
                    try {  
                        file.transferTo(localFile);  
                    } catch (IOException e) {  
                        // TODO Auto-generated catch block  
                        e.printStackTrace();  
                        return "失败";  
                    }  
                }  
            }  
           
//  
} catch (Exception e) {
return "上传失败";
}
return "上传成功";
    
}


注意:

这是在不实用表单的情况下,图片接收只能采用 request 从这里面拿取,重要的是,拿取方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值