Jquery Flipbook to upload PDFs

Jquery Flipbook to upload PDFs

本文关键字：PDFs upload to Flipbook Jquery      更新时间：2023-09-26

我正在使用Builtbywill Flipbook。

<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>

杰奎里

  $(function() {
    $('#mybook').booklet({
        menu: '#custom-menu',
        pageSelector: true
    });
});
除了使用

图像，是否可以使用Jquery或其他方式直接将PDF上传到Flipbook？请帮助我。我正在使用http://builtbywill.com/code/booklet插件。

为什么不试试

看看这里，pdfjs + turnjs：http://www.maxims6n.bget.ru/pdf_books/demo_21.html

转.js ：http://www.turnjs.com/

PDF.js ： http://mozilla.github.io/pdf.js/

jsPDF ： http://parall.ax/products/jspdf

这是关于使用turn.js和pdf创建pdf翻书的问题.js .你会得到一个例子 这里 .pdf.js 和 turn.js 之间的胶水文件可以在这里找到。最有可能的是，他修改了 pdf.js 库，如问题中所述。所以要注意这一点。

如果你想使用jquery创建自己的翻书。

在此网站上注册 链接并下载设置并创建您自己的jquery翻书。试试吧。

现在可以使用DFlip jQuery Flipbook Plugin。您可以仅使用PDF链接创建翻书，此外，它还支持WebGl for 3D。

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);
});

随着最近的改进，PDF翻书现在只能使用HTML标签轻松创建。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>

使用此库，您可以使用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>
相关文章：