1

我正在使用 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页面的标题中。你能帮忙吗？我真的很感激..

4

2 回答 2

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>
于 2013-08-26T08:15:34.970 回答
2

使用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);
};

}

于 2013-08-24T02:24:01.347 回答