Javascript Project: Create Your Own PDF Viewer/Reader [ Using PDF.js Library ]

Поділитися
Вставка
  • Опубліковано 18 вер 2024
  • In this video we will work with a JavaScript project where we will create a simple PDF viewer. And to create a pdf viewer we will using a libarary called pdf.js to render pdf files. By doing this project you can practice the basic JavaScript skills you learned so far and even improve those skills.
    ____________________________________________________________________
    Source Code:
    github.com/Ind...
    ____________________________________________________________________
    PDF JS website: mozilla.github...
    ____________________________________________________________________
    5 Small Javascript Project Ideas For Beginners [ With Source Code ]:
    • 5 Small and Easy Vanil...
    Please LIKE and SUBSCRIBE for more content and supporting!

КОМЕНТАРІ • 16

  • @shoaibg2678
    @shoaibg2678 2 роки тому +1

    Big Fan OF You Sir Keep it UP

  • @mdsalahuddin2841
    @mdsalahuddin2841 2 роки тому +1

    I found this tutorial helpful to understand how do you make use of pdf.js but i found a bit lost when i see you are not referring to any api / functions / method that you might be calling in your Viewer. You could have switch between pdf.js documentation and show us how are you using them in your project. Love to see your tutorials. thank you so much.

  • @samehkhalil1769
    @samehkhalil1769 2 роки тому +1

    Thank you for the code. From a webpage how can I get a PDF field value using JavaScript without using pdf.js

  • @AkshayKumar-ju6rh
    @AkshayKumar-ju6rh Рік тому +1

    Thank you for the video it helps me to a lot but I found that Initially the image showing the blur but after going to next page and come back checking the same page where I found the blur it was disappearing.
    could you please help me to solve this problem?

  • @carman3642
    @carman3642 2 роки тому +1

    What if u have a buttom inside a div on ur html code, how do u give an action to that button to open a new tab and show the pdf?

  • @withkonan
    @withkonan 2 роки тому +1

    how can i highlight text. I want to select text and on button click highlight that text on pdf

  • @ksnarasimhan1955
    @ksnarasimhan1955 13 днів тому

    From where does it pick the pdf file. Where it should be uploaded. Can you tell me where it is referred in the codes. I am not clear about it. Please clarify and give me a solution.

  • @ksnarasimhan1955
    @ksnarasimhan1955 12 днів тому

    How to make it pick up the pdf file from a url where the pdf is hosted rather than from system.

  • @unpoissonlune
    @unpoissonlune 2 роки тому

    Hi! Thank you for posting, it is a very instructive video. Unfortunately, it didn't work for me, even though I think I did every step like you and copy and past all of the elements, the html page is empty on my browser. I'm currently working on a project for university and I'd really would like to make my own PDF viewer with my document.

  • @djjoman
    @djjoman 2 роки тому +1

    this is best, but i want to load from url. how can i do that

  • @nazrulhussain780
    @nazrulhussain780 4 місяці тому

    Can you provide code where i can search text with a search text box and highlight the searched text in the viewed pdf document.

  • @luiscarloscarrion1258
    @luiscarloscarrion1258 2 роки тому +1

    Hi, in this example, Can I select the text inside the PDF?

    • @index-zero
      @index-zero  2 роки тому

      Yes you can, check the PDF to TEXT project in same repository.

  • @jonathanllemit
    @jonathanllemit 2 роки тому

    once I view a certain pdf file I can right click and dowload it as an image. How to prevent it?

  • @ryanmaglangit1651
    @ryanmaglangit1651 2 роки тому +1

    how to work without input

  • @user-db7ot8oc6y
    @user-db7ot8oc6y 2 роки тому

    getPDFFileNameFromURL