SpringMVC上传单个文件

平时我们上传文件的时候都是跟表单一起提交到后台,在对象的属性里定义 private List<MultipartFile> files;这时候你在表单中上传多少个文件都能在后端自动获取到,今日需求是如何单独上传一个文件呢?

在这里我们用的是 bootstrap-filestyle这个插件

引入js 

<script type="text/javascript" src="${ctx}/static/bootstrap/filestyle/bootstrap-filestyle.js"></script>

html  

<input type="file" name="file" class="filestyle" id="file" data-buttonText="Select">

再来个上传按钮 

<button class="btn btn-info" οnclick="importFile()" type="button">Import</button>

效果是这样

image.png

js 代码

function importFile(){

var formData = new FormData();

formData.append('file', $('#file')[0].files[0]);

$.ajax({

    url: prefixUrl + "importFile",

    type: 'POST',

    cache: false,

    data: formData,

    processData: false,

    contentType: false,

    dataType:"json",

    success : function(data) {

if (data == 200) {

                    alert('上传成功!');

                }

    },

    error: function () {

alert('上传失败!');

    }

});

}

java 代码

@RequestMapping(value = "importFile",method= RequestMethod.POST)

@ResponseBody

public Integer importFile(@RequestParam("file") MultipartFile file) {

if(file==null){

return HttpStatus.BAD_REQUEST.value();

}

//获取文件名

String name=file.getOriginalFilename();

if (!file.isEmpty()) {

file.transferTo("你的存放文件地址");

}else

{

return HttpStatus.NO_CONTENT.value();

}

return HttpStatus.OK.value();

}

好了,上传单个文件就做完了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值