将PDF文件加载到文本框中

问题描述 投票:0回答:1

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

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

我需要的是,这个简单的HTML文件+ [js文件],文本框和“上传/加载”按钮。

p / s。我不需要翻译人员和“巨魔”的帮助,我需要程序员的帮助,如果您像我这样的编程能力很弱,则无需对我的帖子投反对票:(谢谢

javascript jquery html
1个回答
2
投票

解决方案我不确定您的控制台错误报告了什么,但是我可以通过将test.html放在静态文件服务器<select>的根目录中,并将每个缩小的js文件放在目录中,来在expressjs服务器上工作pdf以public命名为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 中建立了src的参考相对目录。

test.html

[最后,我确实注意到<!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的服务目录,因此我怀疑此代码是使用webpack构建的。我强烈建议您深入研究现代的网络工具-节点,npm,webpack等-由于复制和粘贴最小化的javascript会很快变得毛茸茸。

代码

js

示例

https://github.com/jz3xyz/stackoverflow60162806

© www.soinside.com 2019 - 2024. All rights reserved.