Angularjs上传文件至Koa并转发至Java

前端使用Angularjs上传至Koa,Koa再将文件转发至Java后台。

使用说明

springmvc代码

@PostMapping("upload")
    public Result upload(@RequestParam("files") MultipartFile[] files) throws FileNotFoundException {
        if (null != files) {
            try {
                for(MultipartFile multipartFile : files){
                    multipartFile.transferTo(new File("/home/lake/github/file/" + multipartFile.getOriginalFilename()));
                }
                return new ActResult("success");
            } catch (IOException e) {
                e.printStackTrace();
            }

        }
        return new ActResult("error");
    }

Koa代码

const router = require("koa-router")();
const request = require('request-promise');
const fs = require('fs');

router.post('/upload', koaBody({multipart:true}),function *(next) {
    var $self = this;
    var file = this.request.body.files.files;
    var files = [];
    if(file instanceof Array){
        for(var i =0;i<file.length;i++){
            var f = file[i];
            var oo = {
                value:fs.createReadStream(f.path),
                options: {
                    filename: f.name,
                    contentType: f.mimeType
                }
            };
            files.push(oo);
        }
    }else{
        var oo = {
            value:fs.createReadStream(file.path),
            options: {
                filename: file.name,
                contentType: file.mimeType
            }
        };
        files.push(oo);
    }
    var options = {
        url: 'http://localhost:8888/wopi/upload',
        method: 'POST',
        formData: {
            files: files
        }
    };
    yield (request(options).then(function (body) {
        $self.body = body;
    }));
});

Angularjs代码

$scope.upload = function () {
        var fd = new FormData();
        var file = document.getElementById('abc').files;
        for(var i =0;i<file.length;i++){
            var f= file[i];
            fd.append('files',f);
        }
        $http({
            method: 'POST',
            url: '/upload',
            headers: {
                'Content-Type': undefined
            },
            data: fd,
            transformRequest: angular.identity
        },function (data) {
            console.info(data);
        });
    }

流程

Angularjs -> Koa ->Java

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值