File preview(pdf) in LWC for community

Question

I'm trying to use the following URL format to preview file in LWC but however it shows only the first page as image not the entire file. Is there a way to preview the entire file and not just 1 page?

Preview_URL:

  /sfc/servlet.shepherd/version/renditionDownload?rendition=THUMB720BY480&versionId=

Answer 1

You have to request each page via the URL parameters: e.g.

currentpage = 0;

get URL() {
return  '/sfc/servlet.shepherd/version/renditionDownload?rendition=THUMB720BY480&versionId=068XXX&page=+'currentpage;
}

To see more pages, you can give the user a previous and next button

<lightning-button class="slds-float_right" label="Next Page" onclick={nextPage}></lightning-button>
<lightning-button class="slds-float_right" label="Previous Page" onclick={previousPage}></lightning-button>
enter code here



previousPage() {
        if (this.currentpage >= 1) {
            this.currentpage --;
        }
    }

    nextPage() {
        if (this.currentpage >= 0) {
            this.currentpage ++;
        }
    }