ホーム > カテゴリ > HTML5・JavaScript >

JavaScriptでPDFファイルを結合する

JavaScriptでPDFファイルを結合するサンプルです。JSのライブラリはオープンソースの「pdf-designer.js」を使用します。

PDFファイルの結合

PDFファイルを結合するサンプルコードです。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="pdf-designer.js" type="text/javascript"></script>
<script type="text/javascript">
var Analysts = new Array();    

function onChangeFile(event,index) {
    var reader = new FileReader();
    var file = event.target.files;
    
    document.getElementById("errmsg").innerHTML = '';
    
    reader.onload = function (event) {
        var Stream = new Uint8Array(reader.result);
        
        Analysts[index] = new TPDFAnalyst();
        
        try {
          
            Analysts[index].LoadFromStream(Stream);
            
            if (Analysts[index].Encrypt) {
                document.getElementById("p"+(index+1)).innerHTML =
                   (index+1) + 'つ目のファイル - 未対応';
                document.getElementById("errmsg").innerHTML = 
                   '暗号化されているファイルには対応していません。';
            } else {
                document.getElementById("p"+(index+1)).innerHTML = 
                   (index+1) + 'つ目のファイル - [' + Analysts[index].PageCount +
                    'ページ / PDF' + Analysts[index].Version + ']';
            }
        } catch (e) {
            Analysts[index] = null;
            document.getElementById("p"+(index+1)).innerHTML =
                   (index+1) + 'つ目のファイル - 未対応';        
            document.getElementById("errmsg").innerHTML =
               (index+1) +'つ目のファイルは未対応です。';
        }
    }
    reader.readAsArrayBuffer(file[0]);
}

function run() {        
    var PDFCombine = new TPDFCombine();

    if (Analysts[0] != null && Analysts[1] != null) {
        try {
            // PDF_GetDateTime_Now()の関数は現在日時を返します。
            PDFCombine.SaveToFile(PDF_GetDateTime_Now() + '.pdf', Analysts);
            
        } catch (e) {
            Analysts[0] = null;
            Analysts[1] = null;
            
            document.getElementById("errmsg").innerHTML = 
              'PDFファイルの結合に失敗しました。 ';
        }
    } else {
        document.getElementById("errmsg").innerHTML =
          'ファイルは2つ指定して下さい。';
    }
}
</script>
</head>
<body>
<h1>PDFファイルの結合</h1>
<hr>
<p>PDFファイルを2つ選択してください。</p>
<p id="errmsg" style="color:red;"></p>   
<p id="p1">1つ目のファイル</p>
<input type="file" id="inputfile1" accept="application/pdf" onchange="onChangeFile(event,0)"><br>
<p id="p2">2つ目のファイル</p>
<input type="file" id="inputfile2" accept="application/pdf" onchange="onChangeFile(event,1)"><br>
<br>
<br>
<br>
<button id="run" style="width:200px;height:30px;" onclick="run();">結合の開始</button>
</body>
</html>

対応しているファイル

「Microsoft Office、OpenOffice、Chrome」などで作成されたPDFファイルです。形式で言いますとPDF1.4形式(ISO 19005-1など)に準拠しているファイルです。「PDFの純正ツール」で作成したPDF1.5形式以降のファイルは基本的に対応していません。但し、PDF1.5形式以降のファイルでも内部的にPDF1.4形式ならば読み込めます。





関連記事



公開日:2015年12月30日
記事NO:01669