PHP ajaxはPDFファイルをリモートでダウンロードし、ローカルサーバーに保存します

一部のPDFファイルをajaxモードで保存したい場合があります。特に、リモートサーバーに配置して独自のサーバーに保存する場合はそうです。現時点では、この作業を完了するためのプログラムを作成する必要があります。この記事では、PHPをリモートで紹介します。 PDFファイルをダウンロードし、ローカライズのためにローカルサーバーに保存します。PDFファイルが必要な友達は以下を参照できます。

HTMLページのコードは次のとおりです。

 

<!DOCTYPE html>
<html>

<head>
    <script data-require="[email protected]" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="jquery.binarytransport.js"></script>
    <script src="script.js"></script>

</head>

<body>
<button>download pdf</button>
</body>
</html>

script.jsコードは次のとおりです。

$(function() {
    $("button").click(function() {
        $.ajax({
            url: "http://lch.bat.com/aa.pdf",
            type: "GET",
            dataType: 'binary',
            success: function(result) {
                var blob = new Blob([result], {type:"application/pdf"});
                var data = new FormData();
                data.append('file', blob);
                $.ajax({
                   type: 'POST',
                   url: 'http://lch.demo.com/read.php',
                   data: data,
                   processData: false,
                   contentType: false,
                   success: function (arg) {
                       alert('下载成功');
                   }
               })
            }
        });
    });
});

jquery.binarytransport.jsコードは次のとおりです。

/**
 *
 * jquery.binarytransport.js
 *
 * @description. jQuery ajax transport for making binary data type requests.
 * @version 1.0
 *
 */

// use this transport for "binary" data type
$.ajaxTransport("+binary", function(options, originalOptions, jqXHR){
    // check for conditions and support for blob / arraybuffer response type
    if (window.FormData && ((options.dataType && (options.dataType == 'binary')) || (options.data && ((window.ArrayBuffer && options.data instanceof ArrayBuffer) || (window.Blob && options.data instanceof Blob)))))
    {
        return {
            // create new XMLHttpRequest
            send: function(_, callback){
                // setup all variables
                var xhr = new XMLHttpRequest(),
                    url = options.url,
                    type = options.type,
                    // blob or arraybuffer. Default is blob
                    dataType = options.responseType || "blob",
                    data = options.data || null;

                xhr.addEventListener('load', function(){
                    var data = {};
                    data[options.dataType] = xhr.response;
                    // make callback and send data
                    callback(xhr.status, xhr.statusText, data, xhr.getAllResponseHeaders());
                });

                xhr.open(type, url, true);
                xhr.responseType = dataType;
                xhr.send(data);
            },
            abort: function(){
                jqXHR.abort();
            }
        };
    }
});

PDFファイルを読むための私のローカルコードを見てみましょう:

<?php
/**
 * Created by PhpStorm.
 * User: LCA
 * Date: 2020/9/28
 * Time: 9:44
 */
//header('Access-Control-Allow-Origin: *');
// 响应类型
header('Access-Control-Allow-Methods:*');
// 响应头设置
header('Access-Control-Allow-Headers:content-type,token,id');
header("Access-Control-Request-Headers: Origin, X-Requested-With, content-Type, Accept, Authorization");

if(isset($_FILES['file'])){
    $fname = "cc.pdf";
    move_uploaded_file($_FILES['file']['tmp_name'], "/htdocs/demo/" . $fname);
    echo "写入成功";
}

最後に、jqueryライブラリファイルが導入されました。リモートダウンロード後、ローカルで開くことができ、元のファイルの内容はまったく同じであり、文字化けはありません。

 

おすすめ

転載: blog.csdn.net/lchmyhua88/article/details/109263320