<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.c {
display: flex;
}
.c #textarea {
width: 400px;
height: 500px;
}
.c #img {
width: 400px;
height: 400px;
margin: 10px;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div class="c">
<textarea id="textarea" οninput="onchangeContent()">
</textarea>
<div>
<div id="num"></div>
<img id="img"><img>
</div>
</div>
</body>
<script>
function onchangeContent(e) {
var content = document.getElementById("textarea").value;//pdf文本
content = "data:image/jpg;base64," + content;
var img = document.getElementById("img");
img.src = content;
}
</script>
</html>