ocr-react - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

react-web.zip

package.json

src/components/offline-ocr/offlineOcr.jsx

		@@ -10,5 +10,7 @@ /*
		import React, { useState, useEffect } from 'react'
		import axios from 'axios'
		import './offlineOcr.css'

		function OfflineOcr() {
		const [imgSrc, setSrc] = useState('')
		useEffect(() => {
		@@ -55,5 +57,53 @@ if (navigator.mediaDevices === undefined) {
		}, [])

		const setImage = () => {
		// console.log(document.getElementById('canvas'))
		let canvas = document.getElementById('canvas')
		// console.log(canvas)
		let ctx = canvas.getContext('2d')
		let video = document.getElementById('v')
		ctx.drawImage(
		video,
		0,
		0,
		300,
		300
		)
		let image = canvas.toDataURL('image/png')
		setSrc(image)
		}


		const upload = () => {
		console.log(imgSrc)
		let formData = new FormData()
		formData.append('file', imgSrc)
		axios({
		method: 'post',
		url: 'http://5nxjwj.natappfree.cc/upload_file?file',
		// transformRequest: [
		// function(oldData) {
		// let newStr = ''
		// for (let item in oldData){
		// newStr += encodeURIComponent(item) + '=' + encodeURIComponent(oldData[item]) + '&'
		// }
		// newStr = newStr.slice(0, -1)
		// return newStr
		// }
		// ],
		// headers: {
		// 'Content-Type': 'application/x-www-form-urlencoded'
		// },
		data: formData
		}).then(res => {
		console.log(res)
		})
		}
		return (
		<div>
		<video id='v'></video>
		<canvas style={{display: 'none'}} id='canvas' width={300} height={300}></canvas>
		<img src={imgSrc} alt="" />
		<button onClick={setImage}>拍照</button>
		<button onClick={upload}>上传</button>
		</div>
		@@ -60,0 +110,0 @@ )

src/index.js

		/*
		* @Author: Anthony Zhang
		* @Date: 2022-03-15 17:00:23
		* @LastEditTime: 2022-04-21 16:14:53
		* @LastEditTime: 2022-04-22 09:28:36
		* @LastEditors: Tianyou
		@@ -14,3 +14,2 @@ * @FilePath: \驾照识别\src\index.js
		import OfflineOcr from './components/offline-ocr/offlineOcr'
		console.log(123)
		const App = () => {
		@@ -17,0 +16,0 @@ return (

New alerts