分片上传
分片上传步骤较多,包括初始化、文件切片、各个分片上传、完成上传。为了简化分片上传,可以使用AWS.S3.ManagedUpload接口进行分片上传。
multiPartUpload: function (file) {
console.log("multiPartUpload")
let key = "ExampleObject.txt"
let upload = new AWS.S3.ManagedUpload({
service: this.s3Client,
partSize: 10 * 1024 * 1024, // 10M一片,可以根据需要自己定义,每个文件不能超过10000分片
params: {
Bucket: this.bucket,
Key: key,
Body: file,
ACL: "private", // 初始化acl权限,默认为private,"private"|"public-read"|"public-read-write"
ContentType: "text/plain", // 设置contentType, 默认是application/octet-stream
},
});
upload.on("httpUploadProgress", progress => console.log(progress))
upload.send((err, data) => {
if (err) {
console.log("Error", err);
} else {
console.log("Success", data);
}
});
}
Content-Type用于标识文件的资源类型,比如image/png
, image/jpg
是图片类型,video/mpeg
, video/mp4
是视频类型,text/plain
, text/html
是文本类型, 浏览器针对不同的Content-Type会有不同的操作,比如图片类型可以预览,视频类型可以播放,文本类型可以直接打开。application/octet-stream
类型会直接打开下载窗口。
有些用户反馈图片和视频无法预览的问题,主要就是Content-Type没有正确设置导致的;Content-Type参数需要用户主动设置,默认是application/octet-stream
。在browserjs中,可以直接通过file对象的type参数获取到文件的Content-Type。