console
const PDFJs = require('')
var Main = {
data() {
return {
fileList: [],
extractedText: ''
}
},
methods: {
onChange(file, fileList) {
this.fileList = fileList
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handleOnSuccess(file) {
console.log(file);
},
extractPdfText() {
const len = this.fileList.length;
if (!len) { return; }
const reader = new FileReader();
reader.onload = (e) => {
const data = new Uint8Array(e.target.result);
extractTextFromPDF(data);
};
reader.readAsArrayBuffer(file);
},
extractTextFromPDF() {
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
<div id="app">
<template>
<el-upload
class="upload-demo"
ref="upload"
accept=".pdf"
:on-change="onChange"
:on-remove="handleRemove"
:on-success="handleOnSuccess"
:file-list="fileList"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
</el-upload>
<br>
<el-button size="small" type="primary" @click="extractPdfText">提取文本</el-button>
<p>{{ extractedText }}</p>
</template>
</div>
@import url("//unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css");