Question

我正在使用phonegap创建一个Android应用程序，在这个应用程序中，我想让用户从php页面（服务器端）下载文件，这就是我遇到麻烦的地方。这是我的Android项目中的html页面index.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Download</title>
</head>

<body>

    <form id="down" name="down" action="http://172.25.10.99/test/download.php" method="GET">
    <!-- 172.25.10.99 : server IP -->
        <input type="text" name="filename" id="filename"/>
        <input type="submit" id="id2" value="download"/> 
    </form>
</body>
</html>

这是php页面download.php：

        <?php

    try {
        $file = "D:\\file\\" . $_REQUEST['filename'];
    } catch (Exception $ex) {
        $file = "D:\\file\\pdf2.pdf";
    }
    $fp = fopen($file, 'r');
    $content = fread($fp, filesize($file));
    fclose($fp);
    header("Accept-Ranges: bytes");
    header("Keep-Alive: timeout=15, max=100");
    header("Content-Disposition: attachment; filename=" . basename($file));
    header("Content-Type: application/octet-stream");
    header("Content-Transfer-Encoding: binary");
    header("Content-Description: File Transfer");

?>

问题是：当我按下应用程序中的下载按钮时（在插入正确且存在于服务器上的文件名后），我什么都没得到，而我希望看到一个下载窗口，问我在哪里保存所请求的文件，或者更好，在自动下载的下载文件夹中找到所请求的文件，我相信问题出在php页面的标题中。请问你能帮忙吗？我真的很感激..

Answer 1

使用FileTransfer.download，这是一个例子：

function downloadFile(){

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, 
    function onFileSystemSuccess(fileSystem) {
        fileSystem.root.getFile(
        "dummy.html", {create: true, exclusive: false}, 
        function gotFileEntry(fileEntry) {
            var sPath = fileEntry.fullPath.replace("dummy.html","");
            var fileTransfer = new FileTransfer();
            fileEntry.remove();

            fileTransfer.download(
                "http://www.w3.org/2011/web-apps-ws/papers/Nitobi.pdf",
                sPath + "theFile.pdf",
                function(theFile) {
                    console.log("download complete: " + theFile.toURI());
                    showLink(theFile.toURI());
                },
                function(error) {
                    console.log("download error source " + error.source);
                    console.log("download error target " + error.target);
                    console.log("upload error code: " + error.code);
                }
            );
        }, fail);
    }, fail);
};

}

Answer 2

这个答案接近上面的答案，但更简单，更容易理解，虽然我必须说如果没有阿米特先生的帮助我不会得到这个答案，这是我的解决方案：

<script>
        function downloadFile2()
        {       
        alert("I'm in df2");     
        var fileTransfer = new FileTransfer();
        var uri = encodeURI("http://172.25.10.170/test/download.php?select=img.jpg");
        var filePath = "/mnt/sdcard/img.jpg";
        fileTransfer.download(
            uri,
            filePath,
            function(entry) {
                document.getElementById("id11").innerHTML="download complete: " + entry.fullPath;
            },
            function(error) {
                document.getElementById("id11").innerHTML="download error source " + error.source;
                document.getElementById("id11").innerHTML="download error target " + error.target;
                document.getElementById("id11").innerHTML="upload error code" + error.code;
            },
            true,
            {
            }
        );
        };
</script>
        <button id="downtbtn2" onClick="downloadFile2();" >downloadTest</button>
        <br/>
        <label id="id11">here should be the result</label>

如何使用phonegap（Android平台）从php页面下载文件？

2 个答案: