Jquery Flipbook 上传 PDF
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/19632777/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Jquery Flipbook to upload PDFs
提问by Pearl
Iam using Builtbywill Flipbook.
我正在使用 Builtbywill 动画书。
<div id="mybook">
<div title="This is a page title">
<img src="image1.jpg"/>
</div>
<div>
<img src="image2.jpg"/>
</div>
<div title="This is another title">
<img src="image3.jpg"/>
</div>
<div>
<img src="image4.jpg"/>
</div>
<div>
<img src="image5.jpg"/>
</div>
</div>
JQuery
查询
$(function() {
$('#mybook').booklet({
menu: '#custom-menu',
pageSelector: true
});
});
Instead of using Images, is it possible to directly upload the PDF to the Flipbook using Jquery or some how?Please help me.
I'm using http://builtbywill.com/code/bookletplugin.
是否可以使用 Jquery 或其他方法将 PDF 直接上传到 Flipbook，而不是使用图像？请帮助我。我正在使用http://builtbywill.com/code/booklet插件。
采纳答案by MD. Sahib Bin Mahboob
Hereis the issue regarding creating pdf flipbook with turn.js and pdf.js . You will get an example here. The glue file between pdf.js and turn.js can be found here. Most probably he modifiedpdf.js library as stated in the issue.So be aware of that.
这是关于使用 turn.js 和 pdf.js 创建 pdf 翻书的问题。您将在此处获得示例。pdf.js 和 turn.js 之间的胶水文件可以在这里找到。很可能他修改了问题中所述的 pdf.js 库。所以要注意这一点。
回答by rajesh kakawat
Why not try
为什么不试试
Take a look here, pdfjs + turnjs: http://www.maxims6n.bget.ru/pdf_books/demo_21.html
看这里，pdfjs + turnjs：http: //www.maxims6n.bget.ru/pdf_books/demo_21.html
turn.js :http://www.turnjs.com/
turn.js : http://www.turnjs.com/
pdf.js : http://mozilla.github.io/pdf.js/
pdf.js：http://mozilla.github.io/pdf.js/
jsPDF : http://parall.ax/products/jspdf
jsPDF：http://parall.ax/products/jspdf
回答by Sid M
回答by Deepak Ghimire
It's now possible with DFlip jQuery Flipbook Plugin. You can create a flipbook with just the PDF link, Plus it supports WebGl for 3D.
现在可以使用DFlip jQuery Flipbook Plugin。您只需使用 PDF 链接即可创建动画书，此外它还支持 3D 的 WebGl。
var flipBook;
jQuery(document).ready(function () {
//when using source from online(make sure the file has CORS access enabled if used in cross domain)
var pdfFileURL="example-assets/books/alice.pdf";
var options = {hard:'cover',webgl:true,height: 500, duration: 800};
flipBook = $("#flipbookContainer").flipBook(pdfFileURL, options);
});
With recent improvements PDF Flip-books can be now easily created only with HTML tags. HTML is automatically parsed and flip-books are ready to use.
通过最近的改进，现在可以仅使用 HTML 标签轻松创建 PDF 动画书。HTML 会自动解析，翻书已准备好使用。
<div class="_df_button" source="example-assets/books/intro.pdf" id="df_intro_button">Intro Book</div>
<div class="_df_thumb" source="example-assets/books/intro2.pdf" id="df_intro2_thumb" tags="3d,images" thumb="example-assets/books/thumbs/intro2.jpg">Intro 2</div>
回答by MazarD
With this library you can convert PDF to flipbook with jquery. It is as simple as including the library and calling the plugin on the links pointing to the pdf files.
使用此库，您可以使用 jquery 将 PDF 转换为翻书。它就像包含库并在指向 pdf 文件的链接上调用插件一样简单。
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="http://pdf-to-flipbook.codingfocus.com/release/jquery.pdfflipbook.1.js"></script>
<script>$('a').pdfFlipbook();</script>
