码迷,mamicode.com
首页 > Web开发 > 详细

前后端分离,浏览器上传下载文件

时间:2019-04-29 10:59:16      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:filename   lse   dir   已取消   geturl   param   nbsp   prope   ted   

服务器文件浏览器下载:
vue请求:

downloadService(){
this.$confirm(‘确认要下载吗?‘, ‘提示‘, {
confirmButtonText: ‘确认‘,
cancelButtonText: ‘取消‘,
type: ‘warning‘
}).then(() => {
window.open(encodeURI( restoreService.geturl()+
‘/asd/dasd?dsad))
window.close()
}).catch(() => {
this.$message({
type: ‘info‘,
message: ‘已取消‘
});
})

},

 

//后端请求:

public ResponseEntity<byte[]> simpleExport() throws BackupsException {

try {

String filename = path+ name;
FileObject fileObject = new FileObject();
fileObject = buildFileObject(fileObject, filename, name,contentsProj);
return download(fileObject);

} catch (Exception e) {
e.printStackTrace();
msg = "Error:服务备份失败";
msgError = msg;
}

}

public static FileObject buildFileObject(FileObject fileObject, String fileName, String exportFileName,byte[] data) {
FileInputStream is = null;
FileOutputStream out = null;
try {
File file = new File(fileName);
if (file.exists()) {
file.delete();
}
File fileParent = file.getParentFile();
if(!fileParent.exists()){
fileParent.mkdirs();
}
out = new FileOutputStream(file);
out.write(data, 0, data.length);
is = new FileInputStream(new File(fileName));
fileObject.setStream(is);

} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
finally{
if(out != null)
try {
out.close();
} catch (IOException e) {
}
}
fileObject.setId("2");
fileObject.setName(exportFileName);
fileObject.setSize(10000000);
fileObject.setType(".jar");
return fileObject;
}

public static ResponseEntity<byte[]> download(FileObject fo) throws UnsupportedEncodingException, IOException {
return download(fo.getName(), fo.getStream());
}

public static ResponseEntity<byte[]> download(String name, InputStream fis) throws UnsupportedEncodingException, IOException {
HttpHeaders headers = new HttpHeaders();
// String Agent = WebUtils.getRequest().getHeader("User-Agent");
/*if (null != Agent) {
Agent = Agent.toLowerCase();
if (Agent.indexOf("Mozilla") != -1) {
name = new String(name.getBytes(),"iso8859-1");
} else {
name = java.net.URLEncoder.encode(name,"UTF-8");
}
}*/
name = new String(name.replaceAll(" ", "").getBytes("gb2312"),"ISO_8859_1");
headers.setContentDispositionFormData("attachment", name);
headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
headers.set("X-fileName", name);
byte[] bytes = input2byte(fis);
return new ResponseEntity<byte[]>(bytes, headers, HttpStatus.OK);
}

public static final byte[] input2byte(InputStream inStream)
throws IOException {
ByteArrayOutputStream swapStream = new ByteArrayOutputStream();
byte[] buff = new byte[100];
int rc = 0;
while ((rc = inStream.read(buff, 0, 100)) > 0) {
swapStream.write(buff, 0, rc);
}
byte[] in2b = swapStream.toByteArray();
// swapStream.close();
return in2b;
}

 

浏览器上传文件到服务器:

vue请求:

uploadFile(params) {
this.loading = true
const _file = params.file;
// const isLt2M = _file.size / 1024 / 1024 < 2;
// 通过 FormData 对象上传文件
var formData = new FormData();
formData.append("file", _file);
// if (!isLt2M) {
// this.$message.error("请上传2M以下的.xlsx文件");
// return false;
// }
this.$axios.post(restoreService.geturl() +‘/asd/sdf?we‘,formData,{ headers : { ‘Content-type‘:‘multipart/form-data‘}}).then(res => {
if (res.data.status === ‘200‘) {
this.$message({
type: ‘success‘,
message: res.data.message,
})
} else {
this.$message({
type: ‘warning‘,
message: res.data.message
})
}
this.$refs.upload.clearFiles();
this.loading = false
})
},

//后端请求:

@RequestMapping(value = "/Import", method = RequestMethod.POST)
public BaseResult<BackUpDto> simpleImport(@RequestParam(value = "file") MultipartFile file) throws Exception {
return logBackupRestoreService.simpleImport(file.getInputStream());
}

public BaseResult<BackUpDto> simpleImport(InputStream inputStream) throws BackupsException {
String path = System.getProperty("user.dir");
String fileGuid = UUID.randomUUID().toString();
File file = new File(path + "\\" + fileGuid + ".tmp");
byte[] bytes = null;
try {
bytes = inputStreamToFile(inputStream, file);
} catch (Exception e) {

}

}

public static byte[] inputStreamToFile(InputStream ins, File file) throws Exception{
ByteArrayOutputStream ous = null;
// OutputStream os = null;
try {
// os = new FileOutputStream(file);
ous = new ByteArrayOutputStream();
int bytesRead = 0;
byte[] buffer = new byte[8192];
while ((bytesRead = ins.read(buffer, 0, 8192)) != -1) {
ous.write(buffer, 0, bytesRead);
}
} catch (Exception e) {
// logger.error(e.getMessage(), e);
throw new Exception(e);
}finally{
if(ous != null){
ous.close();
}
if(ins != null){
ins.close();
}

}
return ous.toByteArray();
}



 

前后端分离,浏览器上传下载文件

标签:filename   lse   dir   已取消   geturl   param   nbsp   prope   ted   

原文地址:https://www.cnblogs.com/js1314/p/10789021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!