第淺析node怎么實(shí)現(xiàn)ocrweb項(xiàng)目中，你可以在應(yīng)用一啟動的時(shí)候就加載模型，這樣后續(xù)接收到ocr請求的時(shí)候就可以不用等待模型加載了。

參照WhyIrefactortesseract.jsv2這篇博客，可以通過createScheduler方法添加多個(gè)worker線程來并發(fā)的處理ocr請求。

多線程并發(fā)處理ocr請求示例

constKoa=require(koa)

constRouter=require(koa-router)

constrouter=newRouter()

constapp=newKoa()

constpath=require(path)

constmoment=require(moment)

const{createWorker,createScheduler}=require(tesseract.js)

;(async()={

constscheduler=createScheduler()

for(leti=0;ii++){

constworker=createWorker({

langPath:path.join(__dirname,.,lang-data),

cachePath:path.join(__dirname,.),

logger:m=console.log(`${moment().format(YYYY-MM-DDHH:mm:ss)}-${JSON.stringify(m)}`)

awaitworker.load()

awaitworker.loadLanguage(chi_sim+jpn+eng)

awaitworker.initialize(chi_sim+jpn+eng)

scheduler.addWorker(worker)

app.context.scheduler=scheduler

router.get(/test,async(ctx)={

const{data:{text}}=awaitctx.scheduler.addJob(recognize,path.join(__dirname,.,images,chinese.png))

//awaitctx.scheduler.terminate()

ctx.body=text

app.use(router.routes(),router.allowedMethods())

app.listen(3002)

發(fā)起并發(fā)請求，可以看到多個(gè)worker再并發(fā)執(zhí)行ocr任務(wù)

ab-n4-c4localhost:3002/test

3.前端代碼

效果展示中的前端代碼主要是用了elementui組件和vue-cropper這個(gè)組件實(shí)現(xiàn)。

vue-cropper組件具體的使用可以參考我的這篇博客vue圖片裁剪:使用vue-cropper做圖片裁剪

ps:上傳圖片的時(shí)候可以先在前端加載上傳圖片的base