<template>
<div>
<form>
<input type="file" id="file-input" name="fileContent">
</form>
</div>
</template>
<script>
export default {
data() {
return {
imgUrl: ''
}
},
methods: {
fileUpload() {
var that = this
var fileInput = document.querySelector('#file-input');
fileInput.onchange = function(){
var filereader = new FileReader();
var fileType = this.files[0].type;
console.log(fileType)
filereader.onload = function(){
if(/^image\[jpeg|jpg|png|gif]/.test(fileType)){
console.log(this.result)
let data = (this.result).toString()
// 将得到的结果分割获取base64字符串
data = data.split(',')[1]
that.ajax(data)
}
}
filereader.readAsDataURL(this.files[0]);
}
},
ajax(data) {
this.$http.get('/api/FileUpload', {
params: {
FileStream: data
}
}).then((res) => {
console.log(res)
}).catch((err) => {
console.log(err)
})
}
},
mounted() {
this.fileUpload()
}
}
</script>
文件上传之base64
最新推荐文章于 2024-03-05 16:56:14 发布