vue-simple-uploader上传成功之后的response获取代码

2023-07-17 02:34:03 78

我就废话不多说了，大家还是直接看代码吧~

补充知识：利用SpringBoot和vue-simple-uploader进行文件的分片上传

效果【上传Zip文件为例，可以自行扩展】

引入vue-simple-uploader

1.安装上传插件

npminstallvue-simple-uploader--save

2.main.js全局引入上传插件

importuploaderfrom'vue-simple-uploader'

Vue.use(uploader)

3.安装md5校验插件（保证上传文件的完整性和一致性）

npminstallspark-md5--save

页面

后台

引入工具


commons-io
commons-io
2.6



commons-lang
commons-lang
2.6

控制类

importorg.apache.tomcat.util.http.fileupload.servlet.ServletFileUpload;
importorg.springframework.web.bind.annotation.RequestMapping;
importorg.springframework.web.bind.annotation.RestController;

importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
importjava.io.File;

@RestController
@RequestMapping("/chunk")
publicclassChunkController{
@RequestMapping("/chunkUpload")
publicStdOutchunkUpload(MultipartFileParamparam,HttpServletRequestrequest,HttpServletResponseresponse){
StdOutout=newStdOut();

Filefile=newFile("C:\\chunk_test");//存储路径

ChunkServicechunkService=newChunkService();

Stringpath=file.getAbsolutePath();
response.setContentType("text/html;charset=UTF-8");

try{
//判断前端Form表单格式是否支持文件上传
booleanisMultipart=ServletFileUpload.isMultipartContent(request);
if(!isMultipart){
out.setCode(StdOut.PARAMETER_NULL);
out.setMessage("表单格式错误");
returnout;
}else{
param.setTaskId(param.getIdentifier());
out.setModel(chunkService.chunkUploadByMappedByteBuffer(param,path));
returnout;
}
}catch(NotSameFileExpectione){
out.setCode(StdOut.FAIL);
out.setMessage("MD5校验失败");
returnout;
}catch(Exceptione){
out.setCode(StdOut.FAIL);
out.setMessage("上传失败");
returnout;
}
}
}

StdOut类（只是封装的返回类）

publicclassStdOut{
publicstaticfinalintSUCCESS=200;
publicstaticfinalintFAIL=400;
publicstaticfinalintPARAMETER_NULL=500;
publicstaticfinalintNO_LOGIN=600;
privateintcode=200;
privateObjectmodel=null;
privateStringmessage=null;

publicStdOut(){
this.setCode(200);
this.setModel((Object)null);
}

publicStdOut(intcode){
this.setCode(code);
this.setModel((Object)null);
}

publicStdOut(List>model){
this.setCode(200);
this.setModel(model);
}

publicStdOut(intcode,List>model){
this.setCode(code);
this.setModel(model);
}

publicintgetCode(){
returnthis.code;
}

publicvoidsetCode(intcode){
this.code=code;
}

publicStringtoString(){
returnJSON.toJSONString(this);
}

publicObjectgetModel(){
returnthis.model;
}

publicvoidsetModel(Objectmodel){
this.model=model;
}

publicStringgetMessage(){
returnthis.message;
}

publicvoidsetMessage(Stringmessage){
this.message=message;
}
}

MultipartFileParam类（文件信息类）

importorg.springframework.web.multipart.MultipartFile;

publicclassMultipartFileParam{
privateStringtaskId;
privateintchunkNumber;
privatelongchunkSize;
privateinttotalChunks;
privateStringidentifier;
privateMultipartFilefile;

publicStringgetTaskId(){
returntaskId;
}

publicvoidsetTaskId(StringtaskId){
this.taskId=taskId;
}

publicintgetChunkNumber(){
returnchunkNumber;
}

publicvoidsetChunkNumber(intchunkNumber){
this.chunkNumber=chunkNumber;
}

publiclonggetChunkSize(){
returnchunkSize;
}

publicvoidsetChunkSize(longchunkSize){
this.chunkSize=chunkSize;
}

publicintgetTotalChunks(){
returntotalChunks;
}

publicvoidsetTotalChunks(inttotalChunks){
this.totalChunks=totalChunks;
}

publicStringgetIdentifier(){
returnidentifier;
}

publicvoidsetIdentifier(Stringidentifier){
this.identifier=identifier;
}

publicMultipartFilegetFile(){
returnfile;
}

publicvoidsetFile(MultipartFilefile){
this.file=file;
}
}

ChunkService类

importorg.apache.commons.codec.digest.DigestUtils;
importorg.apache.commons.io.FileUtils;
importorg.apache.commons.lang.StringUtils;

importjava.io.File;
importjava.io.FileInputStream;
importjava.io.IOException;
importjava.io.RandomAccessFile;
importjava.nio.ByteBuffer;
importjava.nio.channels.FileChannel;
importjava.util.UUID;

publicclassChunkService{
publicStringchunkUploadByMappedByteBuffer(MultipartFileParamparam,StringfilePath)throwsIOException,NotSameFileExpection{

if(param.getTaskId()==null||"".equals(param.getTaskId())){
param.setTaskId(UUID.randomUUID().toString());
}

StringfileName=param.getFile().getOriginalFilename();
StringtempFileName=param.getTaskId()+fileName.substring(fileName.lastIndexOf("."))+"_tmp";
FilefileDir=newFile(filePath);
if(!fileDir.exists()){
fileDir.mkdirs();
}
FiletempFile=newFile(filePath,tempFileName);
//第一步打开将要写入的文件
RandomAccessFileraf=newRandomAccessFile(tempFile,"rw");
//第二步打开通道
FileChannelfileChannel=raf.getChannel();
//第三步计算偏移量
longposition=(param.getChunkNumber()-1)*param.getChunkSize();
//第四步获取分片数据
byte[]fileData=param.getFile().getBytes();
//第五步写入数据
fileChannel.position(position);
fileChannel.write(ByteBuffer.wrap(fileData));
fileChannel.force(true);
fileChannel.close();
raf.close();
//判断是否完成文件的传输并进行校验与重命名
booleanisComplete=checkUploadStatus(param,fileName,filePath);
if(isComplete){
FileInputStreamfileInputStream=newFileInputStream(tempFile.getPath());
Stringmd5=DigestUtils.md5Hex(fileInputStream);
fileInputStream.close();
if(StringUtils.isNotBlank(md5)&&!md5.equals(param.getIdentifier())){
thrownewNotSameFileExpection();
}
renameFile(tempFile,fileName);
returnfileName;
}
returnnull;
}

publicvoidrenameFile(FiletoBeRenamed,StringtoFileNewName){
if(!toBeRenamed.exists()||toBeRenamed.isDirectory()){
System.err.println("文件不存在");
return;
}
Stringp=toBeRenamed.getParent();
FilenewFile=newFile(p+File.separatorChar+toFileNewName);
toBeRenamed.renameTo(newFile);
}

publicbooleancheckUploadStatus(MultipartFileParamparam,StringfileName,StringfilePath)throwsIOException{
FileconfFile=newFile(filePath,fileName+".conf");
RandomAccessFileconfAccessFile=newRandomAccessFile(confFile,"rw");
//设置文件长度
confAccessFile.setLength(param.getTotalChunks());
//设置起始偏移量
confAccessFile.seek(param.getChunkNumber()-1);
//将指定的一个字节写入文件中127，
confAccessFile.write(Byte.MAX_VALUE);
byte[]completeStatusList=FileUtils.readFileToByteArray(confFile);
confAccessFile.close();//不关闭会造成无法占用
//创建conf文件文件长度为总分片数，每上传一个分块即向conf文件中写入一个127，那么没上传的位置就是默认的0,已上传的就是127
for(inti=0;i
6.NotSameFileExpection类
publicclassNotSameFileExpectionextendsException{
publicNotSameFileExpection(){
super("FileMD5Different");
}
}
遇到问题
根据自己的实际情况进行取舍，灵活处理。
以上这篇vue-simple-uploader上传成功之后的response获取代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

vue-simple-uploader上传成功之后的response获取代码

热门推荐

随机推荐