反応-PDFおよびHTMLをメディア要素

HTMLのメディア要素:のみPCブラウザ 

                <オブジェクトデータ= "./ SRC-反応/資産/ agreement.pdf" タイプ= "アプリケーション/ PDF"> wrqrq </ OBJECT>

                <オブジェクトデータ= "http://front-images.oss-cn-hangzhou.aliyuncs.com/i4/4b8728ba4ebd4e1940277c426473b542-4807827.pdf" タイプ= "アプリケーション/ PDF"> </ OBJECT>

                <オブジェクトデータ= "http://www.baidu.com"> </ OBJECT>

                <対象>

                    <IFRAME SRC = "http://front-images.oss-cn-hangzhou.aliyuncs.com/i4/4b8728ba4ebd4e1940277c426473b542-4807827.pdf" スタイル= {{幅: "100%"、高さ "300ピクセル"}}>

                    </ iframe>の

                </オブジェクト>

反応-PDF-JSを:携帯端末のpdfと互換性のあるPCを 

 '反応-PDF-JS' からインポートするPDF;

輸出デフォルトのクラスXXXは{...拡張します

      renderPagination =(ページ、ページ)=> {

        せpreviousButton = <LIのクラス名= "前" のonClick = {this.handlePrevious}> <a href="#"> <Iクラス名= "FA、FA-矢印左"> </ I>上一页する</a> </ LI>。

        IF(ページ=== 1){

            previousButton = <LIのクラス名= "以前の無効"> <a href="#"> <クラス名= "FA FA-矢印左" I> </ I> </a>の</ LI>。

        }

        せnextButton = <LIのクラス名= "次" のonClick = {this.handleNext}> <a href="#">下一页<Iクラス名= "FA、FA-矢印右"> </ I>する</a> </ LI>。

        もし(ページ===ページ){

            nextButton = <LIのクラス名= "次の無効"> <a href="#"> <Iクラス名= "FA FA-矢印右"> </ I> </a>の</ LI>。

        }

        (戻ります

            <div>

                <ULクラス名= "ポケベル">

                    {} previousButton

                    {} nextButton

                </ UL>

            </ div>

        );

    }


{レンダリング()

        ページネーション= nullをしてみましょう。

            IF(this.state.pages){

                ページネーション= this.renderPagination(this.state.page、this.state.pages)。

            }

                    ファイル= "./ agreement.pdf"

                    onDocumentComplete = {} this.onDocumentComplete

                    ページ= {} this.state.page

                />

                {}ページネーション

    }

}

ます。https://www.jianshu.com/p/a455869e6661で再現

おすすめ

転載: blog.csdn.net/weixin_34368949/article/details/91255446
おすすめ