分片上传文件，后端接收怎么生成了一个文件名为blob的文件？

Z时代
2024-01-10
分类：技术分享

最近在做一个视频上传的功能，所以用到了分片上传，因为之前没做过，所以结合网上的一些例子也大概知道了思路，自己也尝试了，然后发现后端生成了一个文件名为blob的文件。实在是搞不懂所以请教下大佬们，顺便贴下代码。
前端代码：

UploadChunk(event: any) {
let file = event.target.files[0];
var bytesPerPiece = 1024 * 1024 * 2; // 每个文件切片大小定为2MB
var totalPieces;   //切片总数
var fileHash = ""  //文件加密后的hash
var filesize = file.size; //文件大小
var start = 0; //开始切割的位置
var end; //切割的结束位置
JsUtilsApi.md5File(file).then(
(md5:string)=>{
console.log("md5", md5)
fileHash = md5
totalPieces = Math.ceil(filesize / bytesPerPiece);  //计算切片总数
while(start < filesize) {
console.log("asdasd")
end = start + bytesPerPiece;
if(end > filesize) {
end = filesize;
}
var chunk = file.slice(start, end); //切割文件
var formData = new FormData();
formData.append('file', chunk);
formData.append("hash", fileHash);
this.http.post('http://localhost:8090/api/uploadChunk', formData).subscribe(
(response) => {
console.log("res", response)
},
(error) => {
console.log("err", error)
}
)
start = end;
}
},
(error)=>{
console.log(error);
}
);}

后端代码：


func UploadChunk(w http.ResponseWriter, r *http.Request) {
w.Header().Set("Access-Control-Allow-Origin", "*")
fileHash := r.FormValue("hash")
file, fileHeader, err := r.FormFile("file")
if err != nil {
log.Println("read file err", err)
return
}
defer file.Close()
var fileBuff []byte
_, err = file.Read(fileBuff)
if err != nil {
fmt.Println("read file err", err)
return
}
nowDate := time.Now().Format("20060102")
hashPath := fmt.Sprintf("%svideo/%s/%s", conf.Conf.UploadPath, nowDate, fileHash)
err = utils.IsFolder(hashPath)
if err != nil {
log.Println("create folder fail", err)
return
}
//err = ioutil.WriteFile(fmt.Sprintf("%s/%s", hashPath, fileHeader.Filename), fileBuff, 0666)
//if err != nil {
//    log.Println("write file err", err)
//    return
//}
out, err := os.Create(fmt.Sprintf("%s/%s", hashPath, fileHeader.Filename))
if err != nil {
log.Println("create file err", err)
return
}
defer out.Close()
_, err = io.Copy(out, file)
if err != nil {
log.Println("write file err", err)
return
}
}