• 微信小程序加载在线PDF，并禁用下载

    微信小程序本身不支持屏蔽下载按钮加载在线pdf。因此，需要通过其它方式进行加载。

    在这里，使用当前最新版的pdf.js 3.0+，点击跳转至下载地址

    1、修改View.html

    下载后，可以屏蔽下载按钮，修改view.html如下：

    1. html>
    3. <html dir="ltr" mozdisallowselectionprint>
    4.   <head>
    5.     <meta charset="utf-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    7.     <meta name="google" content="notranslate">
    8.     <title>浏览title>
    9.  
    10.     <link rel="stylesheet" href="viewer.css">
    11.  
    13. <link rel="resource" type="application/l10n" href="locale/locale.properties">
    14. <script src="../build/pdf.js">script>
    15.  
    16.   <script src="viewer.js">script>
    17.  
    18.   head>
    19.  
    20.   <body tabindex="1">
    21.     <div id="outerContainer">
    22.  
    23.       <div id="sidebarContainer">
    24.         <div id="toolbarSidebar">
    25.           <div id="toolbarSidebarLeft">
    26.             <div id="sidebarViewButtons" class="splitToolbarButton toggled" role="radiogroup">
    27.               <button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" tabindex="2" data-l10n-id="thumbs" role="radio" aria-checked="true" aria-controls="thumbnailView">
    28.                  <span data-l10n-id="thumbs_label">Thumbnailsspan>
    29.               button>
    30.               <button id="viewOutline" class="toolbarButton" title="Show Document Outline (double-click to expand/collapse all items)" tabindex="3" data-l10n-id="document_outline" role="radio" aria-checked="false" aria-controls="outlineView">
    31.                  <span data-l10n-id="document_outline_label">Document Outlinespan>
    32.               button>
    33.               <button id="viewAttachments" class="toolbarButton" title="Show Attachments" tabindex="4" data-l10n-id="attachments" role="radio" aria-checked="false" aria-controls="attachmentsView">
    34.                  <span data-l10n-id="attachments_label">Attachmentsspan>
    35.               button>
    36.               <button id="viewLayers" class="toolbarButton" title="Show Layers (double-click to reset all layers to the default state)" tabindex="5" data-l10n-id="layers" role="radio" aria-checked="false" aria-controls="layersView">
    37.                  <span data-l10n-id="layers_label">Layersspan>
    38.               button>
    39.             div>
    40.           div>
    41.  
    42.           <div id="toolbarSidebarRight">
    43.             <div id="outlineOptionsContainer" class="hidden">
    44.               <div class="verticalToolbarSeparator">div>
    45.  
    46.               <button id="currentOutlineItem" class="toolbarButton" disabled="disabled" title="Find Current Outline Item" tabindex="6" data-l10n-id="current_outline_item">
    47.                 <span data-l10n-id="current_outline_item_label">Current Outline Itemspan>
    48.               button>
    49.             div>
    50.           div>
    51.         div>
    52.         <div id="sidebarContent">
    53.           <div id="thumbnailView">
    54.           div>
    55.           <div id="outlineView" class="hidden">
    56.           div>
    57.           <div id="attachmentsView" class="hidden">
    58.           div>
    59.           <div id="layersView" class="hidden">
    60.           div>
    61.         div>
    62.         <div id="sidebarResizer">div>
    63.       div>  
    64.  
    65.       <div id="mainContainer">
    66.         <div class="findbar hidden doorHanger" id="findbar">
    67.           <div id="findbarInputContainer">
    68.             <input id="findInput" class="toolbarField" title="Find" placeholder="Find in document…" tabindex="91" data-l10n-id="find_input" aria-invalid="false">
    69.             <div class="splitToolbarButton">
    70.               <button id="findPrevious" class="toolbarButton" title="Find the previous occurrence of the phrase" tabindex="92" data-l10n-id="find_previous">
    71.                 <span data-l10n-id="find_previous_label">Previousspan>
    72.               button>
    73.               <div class="splitToolbarButtonSeparator">div>
    74.               <button id="findNext" class="toolbarButton" title="Find the next occurrence of the phrase" tabindex="93" data-l10n-id="find_next">
    75.                 <span data-l10n-id="find_next_label">Nextspan>
    76.               button>
    77.             div>
    78.           div>
    79.  
    80.           <div id="findbarOptionsOneContainer">
    81.             <input type="checkbox" id="findHighlightAll" class="toolbarField" tabindex="94">
    82.             <label for="findHighlightAll" class="toolbarLabel" data-l10n-id="find_highlight">Highlight Alllabel>
    83.             <input type="checkbox" id="findMatchCase" class="toolbarField" tabindex="95">
    84.             <label for="findMatchCase" class="toolbarLabel" data-l10n-id="find_match_case_label">Match Caselabel>
    85.           div>
    86.           <div id="findbarOptionsTwoContainer">
    87.             <input type="checkbox" id="findMatchDiacritics" class="toolbarField" tabindex="96">
    88.             <label for="findMatchDiacritics" class="toolbarLabel" data-l10n-id="find_match_diacritics_label">Match Diacriticslabel>
    89.             <input type="checkbox" id="findEntireWord" class="toolbarField" tabindex="97">
    90.             <label for="findEntireWord" class="toolbarLabel" data-l10n-id="find_entire_word_label">Whole Wordslabel>
    91.           div>
    92.  
    93.           <div id="findbarMessageContainer" aria-live="polite">
    94.             <span id="findResultsCount" class="toolbarLabel">span>
    95.             <span id="findMsg" class="toolbarLabel">span>
    96.           div>
    97.         div>  
    98.  
    99.         <div class="editorParamsToolbar hidden doorHangerRight" id="editorFreeTextParamsToolbar">
    100.           <div class="editorParamsToolbarContainer">
    101.             <div class="editorParamsSetter">
    102.               <label for="editorFreeTextColor" class="editorParamsLabel" data-l10n-id="editor_free_text_color">Colorlabel>
    103.               <input type="color" id="editorFreeTextColor" class="editorParamsColor" tabindex="100">
    104.             div>
    105.             <div class="editorParamsSetter">
    106.               <label for="editorFreeTextFontSize" class="editorParamsLabel" data-l10n-id="editor_free_text_size">Sizelabel>
    107.               <input type="range" id="editorFreeTextFontSize" class="editorParamsSlider" value="10" min="5" max="100" step="1" tabindex="101">
    108.             div>
    109.           div>
    110.         div>
    111.  
    112.         <div class="editorParamsToolbar hidden doorHangerRight" id="editorInkParamsToolbar">
    113.           <div class="editorParamsToolbarContainer">
    114.             <div class="editorParamsSetter">
    115.               <label for="editorInkColor" class="editorParamsLabel" data-l10n-id="editor_ink_color">Colorlabel>
    116.               <input type="color" id="editorInkColor" class="editorParamsColor" tabindex="102">
    117.             div>
    118.             <div class="editorParamsSetter">
    119.               <label for="editorInkThickness" class="editorParamsLabel" data-l10n-id="editor_ink_thickness">Thicknesslabel>
    120.               <input type="range" id="editorInkThickness" class="editorParamsSlider" value="1" min="1" max="20" step="1" tabindex="103">
    121.             div>
    122.             <div class="editorParamsSetter">
    123.               <label for="editorInkOpacity" class="editorParamsLabel" data-l10n-id="editor_ink_opacity">Opacitylabel>
    124.               <input type="range" id="editorInkOpacity" class="editorParamsSlider" value="100" min="1" max="100" step="1" tabindex="104">
    125.             div>
    126.           div>
    127.         div>
    128.  
    129.         <div style="display: none;" id="secondaryToolbar" class="secondaryToolbar hidden doorHangerRight">
    130.           <div id="secondaryToolbarButtonContainer">
    131.             <button id="secondaryOpenFile" class="secondaryToolbarButton visibleLargeView" title="Open File" tabindex="51" data-l10n-id="open_file">
    132.               <span data-l10n-id="open_file_label">Openspan>
    133.             button>
    134.  
    135.             <button id="secondaryPrint" class="secondaryToolbarButton visibleMediumView" title="Print" tabindex="52" data-l10n-id="print">
    136.               <span data-l10n-id="print_label">Printspan>
    137.             button>
    138.  
    139.             <button id="secondaryDownload" class="secondaryToolbarButton visibleMediumView" title="Save" tabindex="53" data-l10n-id="save">
    140.               <span data-l10n-id="save_label">Savespan>
    141.             button>
    142.  
    143.             <div class="horizontalToolbarSeparator visibleLargeView">div>
    144.  
    145.             <button id="presentationMode" class="secondaryToolbarButton" title="Switch to Presentation Mode" tabindex="54" data-l10n-id="presentation_mode">
    146.               <span data-l10n-id="presentation_mode_label">Presentation Modespan>
    147.             button>
    148.  
    149.             <a href="#" id="viewBookmark" class="secondaryToolbarButton" title="Current view (copy or open in new window)" tabindex="55" data-l10n-id="bookmark">
    150.               <span data-l10n-id="bookmark_label">Current Viewspan>
    151.             a>
    152.  
    153.             <div class="horizontalToolbarSeparator">div>
    154.  
    155.             <button id="firstPage" class="secondaryToolbarButton" title="Go to First Page" tabindex="56" data-l10n-id="first_page">
    156.               <span data-l10n-id="first_page_label">Go to First Pagespan>
    157.             button>
    158.             <button id="lastPage" class="secondaryToolbarButton" title="Go to Last Page" tabindex="57" data-l10n-id="last_page">
    159.               <span data-l10n-id="last_page_label">Go to Last Pagespan>
    160.             button>
    161.  
    162.             <div class="horizontalToolbarSeparator">div>
    163.  
    164.             <button id="pageRotateCw" class="secondaryToolbarButton" title="Rotate Clockwise" tabindex="58" data-l10n-id="page_rotate_cw">
    165.               <span data-l10n-id="page_rotate_cw_label">Rotate Clockwisespan>
    166.             button>
    167.             <button id="pageRotateCcw" class="secondaryToolbarButton" title="Rotate Counterclockwise" tabindex="59" data-l10n-id="page_rotate_ccw">
    168.               <span data-l10n-id="page_rotate_ccw_label">Rotate Counterclockwisespan>
    169.             button>
    170.  
    171.             <div class="horizontalToolbarSeparator">div>
    172.  
    173.             <div id="cursorToolButtons" role="radiogroup">
    174.               <button id="cursorSelectTool" class="secondaryToolbarButton toggled" title="Enable Text Selection Tool" tabindex="60" data-l10n-id="cursor_text_select_tool" role="radio" aria-checked="true">
    175.                 <span data-l10n-id="cursor_text_select_tool_label">Text Selection Toolspan>
    176.               button>
    177.               <button id="cursorHandTool" class="secondaryToolbarButton" title="Enable Hand Tool" tabindex="61" data-l10n-id="cursor_hand_tool" role="radio" aria-checked="false">
    178.                 <span data-l10n-id="cursor_hand_tool_label">Hand Toolspan>
    179.               button>
    180.             div>
    181.  
    182.             <div class="horizontalToolbarSeparator">div>
    183.  
    184.             <div id="scrollModeButtons" role="radiogroup">
    185.               <button id="scrollPage" class="secondaryToolbarButton" title="Use Page Scrolling" tabindex="62" data-l10n-id="scroll_page" role="radio" aria-checked="false">
    186.                 <span data-l10n-id="scroll_page_label">Page Scrollingspan>
    187.               button>
    188.               <button id="scrollVertical" class="secondaryToolbarButton toggled" title="Use Vertical Scrolling" tabindex="63" data-l10n-id="scroll_vertical" role="radio" aria-checked="true">
    189.                 <span data-l10n-id="scroll_vertical_label" >Vertical Scrollingspan>
    190.               button>
    191.               <button id="scrollHorizontal" class="secondaryToolbarButton" title="Use Horizontal Scrolling" tabindex="64" data-l10n-id="scroll_horizontal" role="radio" aria-checked="false">
    192.                 <span data-l10n-id="scroll_horizontal_label">Horizontal Scrollingspan>
    193.               button>
    194.               <button id="scrollWrapped" class="secondaryToolbarButton" title="Use Wrapped Scrolling" tabindex="65" data-l10n-id="scroll_wrapped" role="radio" aria-checked="false">
    195.                 <span data-l10n-id="scroll_wrapped_label">Wrapped Scrollingspan>
    196.               button>
    197.             div>
    198.  
    199.             <div class="horizontalToolbarSeparator">div>
    200.  
    201.             <div id="spreadModeButtons" role="radiogroup">
    202.               <button id="spreadNone" class="secondaryToolbarButton toggled" title="Do not join page spreads" tabindex="66" data-l10n-id="spread_none" role="radio" aria-checked="true">
    203.                 <span data-l10n-id="spread_none_label">No Spreadsspan>
    204.               button>
    205.               <button id="spreadOdd" class="secondaryToolbarButton" title="Join page spreads starting with odd-numbered pages" tabindex="67" data-l10n-id="spread_odd" role="radio" aria-checked="false">
    206.                 <span data-l10n-id="spread_odd_label">Odd Spreadsspan>
    207.               button>
    208.               <button id="spreadEven" class="secondaryToolbarButton" title="Join page spreads starting with even-numbered pages" tabindex="68" data-l10n-id="spread_even" role="radio" aria-checked="false">
    209.                 <span data-l10n-id="spread_even_label">Even Spreadsspan>
    210.               button>
    211.             div>
    212.  
    213.             <div class="horizontalToolbarSeparator">div>
    214.  
    215.             <button id="documentProperties" class="secondaryToolbarButton" title="Document Properties…" tabindex="69" data-l10n-id="document_properties" aria-controls="documentPropertiesDialog">
    216.               <span data-l10n-id="document_properties_label">Document Properties…span>
    217.             button>
    218.           div>
    219.         div>  
    220.  
    221.         <div class="toolbar">
    222.           <div id="toolbarContainer">
    223.             <div id="toolbarViewer">
    224.               <div id="toolbarViewerLeft">
    225.                 <button id="sidebarToggle" class="toolbarButton" title="Toggle Sidebar" tabindex="11" data-l10n-id="toggle_sidebar" aria-expanded="false" aria-controls="sidebarContainer">
    226.                   <span data-l10n-id="toggle_sidebar_label">Toggle Sidebarspan>
    227.                 button>
    228.                 <div class="toolbarButtonSpacer">div>
    229.                 <button id="viewFind" class="toolbarButton" title="Find in Document" tabindex="12" data-l10n-id="findbar" aria-expanded="false" aria-controls="findbar">
    230.                   <span data-l10n-id="findbar_label">Findspan>
    231.                 button>
    232.                 <div class="splitToolbarButton hiddenSmallView">
    233.                   <button class="toolbarButton" title="Previous Page" id="previous" tabindex="13" data-l10n-id="previous">
    234.                     <span data-l10n-id="previous_label">Previousspan>
    235.                   button>
    236.                   <div class="splitToolbarButtonSeparator">div>
    237.                   <button class="toolbarButton" title="Next Page" id="next" tabindex="14" data-l10n-id="next">
    238.                     <span data-l10n-id="next_label">Nextspan>
    239.                   button>
    240.                 div>
    241.                 <input type="number" id="pageNumber" class="toolbarField" title="Page" value="1" min="1" tabindex="15" data-l10n-id="page" autocomplete="off">
    242.                 <span id="numPages" class="toolbarLabel">span>
    243.               div>
    244.               <div id="toolbarViewerRight">
    245.                 <button id="openFile" class="toolbarButton hiddenLargeView" title="Open File" tabindex="31" data-l10n-id="open_file">
    246.                   <span data-l10n-id="open_file_label">Openspan>
    247.                 button>
    248.  
    249.                 <button id="print" class="toolbarButton hiddenMediumView" title="Print" tabindex="32" data-l10n-id="print">
    250.                   <span data-l10n-id="print_label">Printspan>
    251.                 button>
    252.  
    253.                 <button id="download" class="toolbarButton hiddenMediumView" title="Save" tabindex="33" data-l10n-id="save">
    254.                   <span data-l10n-id="save_label">Savespan>
    255.                 button>
    256.  
    257.                 <div class="verticalToolbarSeparator hiddenMediumView">div>
    258.  
    259.                 <div style="display: none;" id="editorModeButtons" class="splitToolbarButton toggled" role="radiogroup">
    260.                   <button style="display: none;" id="editorFreeText" class="toolbarButton" disabled="disabled" title="Text" role="radio" aria-checked="false" tabindex="34" data-l10n-id="editor_free_text2">
    261.                     <span data-l10n-id="editor_free_text2_label">Textspan>
    262.                   button>
    263.                   <button style="display: none;" id="editorInk" class="toolbarButton" disabled="disabled" title="Draw" role="radio" aria-checked="false" tabindex="35" data-l10n-id="editor_ink2">
    264.                     <span data-l10n-id="editor_ink2_label">Drawspan>
    265.                   button>
    266.                 div>
    267.  
    268.                 <div id="editorModeSeparator" class="verticalToolbarSeparator">div>
    269.  
    270.                 <button style="display: none;" id="secondaryToolbarToggle" class="toolbarButton" title="Tools" tabindex="48" data-l10n-id="tools" aria-expanded="false" aria-controls="secondaryToolbar">
    271.                   <span data-l10n-id="tools_label">Toolsspan>
    272.                 button>
    273.               div>
    274.               <div id="toolbarViewerMiddle">
    275.                 <div class="splitToolbarButton">
    276.                   <button id="zoomOut" class="toolbarButton" title="Zoom Out" tabindex="21" data-l10n-id="zoom_out">
    277.                     <span data-l10n-id="zoom_out_label">Zoom Outspan>
    278.                   button>
    279.                   <div class="splitToolbarButtonSeparator">div>
    280.                   <button id="zoomIn" class="toolbarButton" title="Zoom In" tabindex="22" data-l10n-id="zoom_in">
    281.                     <span data-l10n-id="zoom_in_label">Zoom Inspan>
    282.                    button>
    283.                 div>
    284.                 <span id="scaleSelectContainer" class="dropdownToolbarButton">
    285.                   <select id="scaleSelect" title="Zoom" tabindex="23" data-l10n-id="zoom">
    286.                     <option id="pageAutoOption" title="" value="auto" selected="selected" data-l10n-id="page_scale_auto">Automatic Zoomoption>
    287.                     <option id="pageActualOption" title="" value="page-actual" data-l10n-id="page_scale_actual">Actual Sizeoption>
    288.                     <option id="pageFitOption" title="" value="page-fit" data-l10n-id="page_scale_fit">Page Fitoption>
    289.                     <option id="pageWidthOption" title="" value="page-width" data-l10n-id="page_scale_width">Page Widthoption>
    290.                     <option id="customScaleOption" title="" value="custom" disabled="disabled" hidden="true">option>
    291.                     <option title="" value="0.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 50 }'>50%option>
    292.                     <option title="" value="0.75" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 75 }'>75%option>
    293.                     <option title="" value="1" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 100 }'>100%option>
    294.                     <option title="" value="1.25" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 125 }'>125%option>
    295.                     <option title="" value="1.5" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 150 }'>150%option>
    296.                     <option title="" value="2" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 200 }'>200%option>
    297.                     <option title="" value="3" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 300 }'>300%option>
    298.                     <option title="" value="4" data-l10n-id="page_scale_percent" data-l10n-args='{ "scale": 400 }'>400%option>
    299.                   select>
    300.                 span>
    301.               div>
    302.             div>
    303.             <div id="loadingBar">
    304.               <div class="progress">
    305.                 <div class="glimmer">
    306.                 div>
    307.               div>
    308.             div>
    309.           div>
    310.         div>
    311.  
    312.         <div id="viewerContainer" tabindex="0">
    313.           <div id="viewer" class="pdfViewer">div>
    314.         div>
    315.       div> 
    316.  
    317.       <div id="dialogContainer">
    318.         <dialog id="passwordDialog">
    319.           <div class="row">
    320.             <label for="password" id="passwordText" data-l10n-id="password_label">Enter the password to open this PDF file:label>
    321.           div>
    322.           <div class="row">
    323.             <input type="password" id="password" class="toolbarField">
    324.           div>
    325.           <div class="buttonRow">
    326.             <button id="passwordCancel" class="dialogButton"><span data-l10n-id="password_cancel">Cancelspan>button>
    327.             <button id="passwordSubmit" class="dialogButton"><span data-l10n-id="password_ok">OKspan>button>
    328.           div>
    329.         dialog>
    330.         <dialog id="documentPropertiesDialog">
    331.           <div class="row">
    332.             <span id="fileNameLabel" data-l10n-id="document_properties_file_name">File name:span>
    333.             <p id="fileNameField" aria-labelledby="fileNameLabel">-p>
    334.           div>
    335.           <div class="row">
    336.             <span id="fileSizeLabel" data-l10n-id="document_properties_file_size">File size:span>
    337.             <p id="fileSizeField" aria-labelledby="fileSizeLabel">-p>
    338.           div>
    339.           <div class="separator">div>
    340.           <div class="row">
    341.             <span id="titleLabel" data-l10n-id="document_properties_title">Title:span>
    342.             <p id="titleField" aria-labelledby="titleLabel">-p>
    343.           div>
    344.           <div class="row">
    345.             <span id="authorLabel" data-l10n-id="document_properties_author">Author:span>
    346.             <p id="authorField" aria-labelledby="authorLabel">-p>
    347.           div>
    348.           <div class="row">
    349.             <span id="subjectLabel" data-l10n-id="document_properties_subject">Subject:span>
    350.             <p id="subjectField" aria-labelledby="subjectLabel">-p>
    351.           div>
    352.           <div class="row">
    353.             <span id="keywordsLabel" data-l10n-id="document_properties_keywords">Keywords:span>
    354.             <p id="keywordsField" aria-labelledby="keywordsLabel">-p>
    355.           div>
    356.           <div class="row">
    357.             <span id="creationDateLabel" data-l10n-id="document_properties_creation_date">Creation Date:span>
    358.             <p id="creationDateField" aria-labelledby="creationDateLabel">-p>
    359.           div>
    360.           <div class="row">
    361.             <span id="modificationDateLabel" data-l10n-id="document_properties_modification_date">Modification Date:span>
    362.             <p id="modificationDateField" aria-labelledby="modificationDateLabel">-p>
    363.           div>
    364.           <div class="row">
    365.             <span id="creatorLabel" data-l10n-id="document_properties_creator">Creator:span>
    366.             <p id="creatorField" aria-labelledby="creatorLabel">-p>
    367.           div>
    368.           <div class="separator">div>
    369.           <div class="row">
    370.             <span id="producerLabel" data-l10n-id="document_properties_producer">PDF Producer:span>
    371.             <p id="producerField" aria-labelledby="producerLabel">-p>
    372.           div>
    373.           <div class="row">
    374.             <span id="versionLabel" data-l10n-id="document_properties_version">PDF Version:span>
    375.             <p id="versionField" aria-labelledby="versionLabel">-p>
    376.           div>
    377.           <div class="row">
    378.             <span id="pageCountLabel" data-l10n-id="document_properties_page_count">Page Count:span>
    379.             <p id="pageCountField" aria-labelledby="pageCountLabel">-p>
    380.           div>
    381.           <div class="row">
    382.             <span id="pageSizeLabel" data-l10n-id="document_properties_page_size">Page Size:span>
    383.             <p id="pageSizeField" aria-labelledby="pageSizeLabel">-p>
    384.           div>
    385.           <div class="separator">div>
    386.           <div class="row">
    387.             <span id="linearizedLabel" data-l10n-id="document_properties_linearized">Fast Web View:span>
    388.             <p id="linearizedField" aria-labelledby="linearizedLabel">-p>
    389.           div>
    390.           <div class="buttonRow">
    391.             <button id="documentPropertiesClose" class="dialogButton"><span data-l10n-id="document_properties_close">Closespan>button>
    392.           div>
    393.         dialog>
    394.         <dialog id="printServiceDialog" style="min-width: 200px;">
    395.           <div class="row">
    396.             <span data-l10n-id="print_progress_message">Preparing document for printing…span>
    397.           div>
    398.           <div class="row">
    399.             <progress value="0" max="100">progress>
    400.             <span data-l10n-id="print_progress_percent" data-l10n-args='{ "progress": 0 }' class="relative-progress">0%span>
    401.           div>
    402.           <div class="buttonRow">
    403.             <button id="printCancel" class="dialogButton"><span data-l10n-id="print_progress_close">Cancelspan>button>
    404.           div>
    405.         dialog>
    406.       div>  
    407.  
    408.     div> 
    409.     <div id="printContainer">div>
    410.  
    411.     <input type="file" id="fileInput" class="hidden">
    412.   body>
    413. html>

    2、修改view.js

    如果需要修改以文件名做为页面的Title，需要修改view.js，屏蔽掉设置document.title的代码

    3、在Nginx中发布该程序以及相应的pdf文件

    设置nginx.conf：

    1.     server {
    2.   	listen 2000;
    3.         listen [::]:2000;
    4.   	server_name _;
    5.   	root /home/data/file-db;
    6. 	index /html/web/viewer.html;
    7.   	location / { 
    8.     	    autoindex off;
    9.     	    autoindex_exact_size off;
    10.     	    autoindex_localtime off;
    11.   	}
    12.     }

    把pdf文件放置在 /home/data/file-db中（含子目录）

    把pdf.js相关的web和build文件夹放在/home/data/file-db/html中。

    使用地址：http://<>:2000/html/web/viewer.html?file=http%3A%2F%2F171.84.0.40%3A2000%2Fstandard%2Fpolicy%2F10267ad6-2c0a-4056-b97a-6b158cf55698.pdf

    “?”后的部分为encodeURIcomponent()后的url，端口号需要与本服务url相同

    4、小程序中使用该服务

    2.  
    3. <script>
    4. export default {
    5. data: function (){
    6.    return {
    7.      src: null
    8.    };
    9. },
    10. onLoad(options) {
    11.     this.src = 'http://171.84.0.40:20000/html/web/viewer.html?file=' + encodeURIComponent(options.url);
    12.   }
    13. }
    14. script>
    15.

  • 相关阅读:
    GaussDB修改表空间占用磁盘使用率阈值
    [附源码]Python计算机毕业设计大学生兼职系统
    项目管理之低效合作
    Axure原型设计：从零开始到精通中文版
    前端组件化
    设计模式｜状态机模式（State Machine Pattern）
    “安全生产月”专题报道：AI智能监控技术如何助力安全生产
    设计模式——建造者模式
    C++ 面向对象
    图的遍历 深度优先遍历(爱思创)
  • 原文地址：https://blog.csdn.net/dickence/article/details/127992316