gpt4 book ai didi

javascript - 将 PDF 文件加载到文本框中

转载 作者:行者123 更新时间:2023-12-01 00:09:31 24 4
gpt4 key购买 nike

我知道只有真正的程序员才能解决这个问题..我想将 PDF 文件加载到文本框中,我发现工作 demo here [view-source:http://checkpointcams.com/test/test.html ] ....当我下载 HTML + JS 文件,并将所有文件放入我的服务器时,当我删除 <base href=" 时,和<select>元素,它在我的项目-域中不起作用。

有人可以修改演示 HTML 和 .js 文件以使此 HTML 在所有域/离线模式上运行,而无需 <base href=<select>元素?顺便说一句,我认为这个问题与一个名为“script19.min.js”的文件有关,该文件需要修改。

我所需要的只是这个简单的工作 Html 文件 + [js 文件]、文本框和上传/加载按钮。

最佳答案

解决方案我不确定你的控制台错误报告了什么,但我可以通过将 test.html 放在静态文件服务器 public 的根目录中来使 pdf 在expressjs 服务器上工作,并且每个文件都缩小了js 文件位于名为 js 且带有 public 的目录中。

<root_directory>/fire/public
├── js
| ├── jquery-3.1.1.min.js
| ├── pdf.min.js
| ├── pdf.worker.min.js
| ├── pdfparser2.min.js
| └── script19.min.js
└── test
└── test.html

我还在 test.html 中创建了 src 的引用相对目录。

<!DOCTYPE html>
<html lang="en" style="">
<head>
<script type="text/javascript" src="/js/pdf.min.js"></script>
<base href="/test/">
</head>
<body>
<br>
<br>
<button type="button" class="btn btn-default btn-lg tts-btn" title="Upload text, pdf or ebook file">
<span class="glyphicon glyphicon-open-file btn-glyph" aria-hidden="true"></span>
<input type="file" id="files" name="files[]">
</button>
<br>
<br>
<div class="buttons_row">
<select class="btn btn-template-primary" id="select_language">
<option value=" UK English Male">UK English (default)</option>
</select>
<select class="btn btn-template-primary" id="select_speed">
<option value="0.9">Normal Speed</option>
</select>
</div>
<br>
<br>
<textarea id="text_box" rows="7" cols="50"></textarea>
<script src="/js/jquery-3.1.1.min.js"></script>
<script src="/js/pdf.worker.min.js"></script>
<script src="/js/pdfparser2.min.js"></script>
<script src="/js/script19.min.js"></script>
</body>
</html>

就我而言,我确实注意到 pdf.min.js 需要一个名为 js 的服务目录,所以我怀疑这段代码是用 webpack 构建的。我强烈建议深入研究现代 Web 工具——node、npm、webpack 等——因为复制和粘贴缩小的 javascript 很快就会变得很麻烦。

代码

https://github.com/onescriptkid/stackoverflow60162806

示例

https://i.gyazo.com/64c3769f824a793cdb38d058c5e030a4.gif

关于javascript - 将 PDF 文件加载到文本框中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60162806/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com