封装js
文件 file-uploader.js
var Minio = require('minio');
let s3 = new Minio.Client({
endPoint: '192.168.xxx.xxx',
port: 9000,
useSSL: false,
accessKey: 'xxxx',
secretKey: 'xxxx',
Region:'xxxxxx',
});
//base64转bolb
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(',');
//注意base64的最后面中括号和引号是不转译的
var _arr = arr[1].substring(0,arr[1].length-2);
var mime = arr[0].match(/:(.*?);/)[1],
bstr =atob(_arr),
n = bstr.length,
u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {
type: mime
});
};
export function uploadFile(file){
var metaData = {
'Content-Type': file.type,
"content-length":file.size
}
let reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e){
const dataUrl = e.target.result;
const bas

这篇博客介绍了如何在Vue.js应用中使用ElementUI组件封装一个文件上传功能,将文件上传到Minio对象存储服务。文章分为两部分,首先展示了用于文件上传的JavaScript代码实现,接着展示了页面部分的Vue组件设计。
最低0.47元/天 解锁文章
4741

被折叠的 条评论
为什么被折叠?



