Как открыть загруженный файл (pdf,zip,docx и т. Д.) В приложении Phonegap?

В настоящее время я работаю над загрузкой модуля. После того, как пользователь нажмет кнопку загрузки, файл (в формате pdf, zip или docx) будет загружен с сервера и сохранен в локальном хранилище. Я могу загрузить файл с помощью метода FileTransfer.Download(), но не могу открыть его, передав путь к файлу.

Ниже мой код:

<!DOCTYPE HTML>
<html>
<head>
    <meta name = "viewport" content = "user-scalable=no,width=device-width" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Test Page</title>
<script type="text/javascript" charset="utf-8" src="js/cordova-2.0.0.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <style type="text/css">
        * {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
        }
    </style>
  <script type="text/javascript" charset="utf-8">
      function init() {
          document.addEventListener("deviceready", ready, true);
      }

      function ready() {
          console.log("App is ready.");
      }

      function download() {

       //   var remoteFile = "https://dl.dropbox.com/u/6731723/a.zip";
          var remoteFile = "https://dl.dropbox.com/u/6731723/Beaver.pdf";
          var localFileName = remoteFile.substring(remoteFile.lastIndexOf('/') + 1);

          window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fileSystem) {
              fileSystem.root.getFile(localFileName, { create: true, exclusive: false }, function (fileEntry) {
                  var localPath = fileEntry.fullPath;
                  console.log("localPath1:" + localPath);
                  if (device.platform === "Android" && localPath.indexOf("file://") === 0) {
                      localPath = localPath.substring(7);
                  }
                  console.log("localPath2 save:" + localPath);
                  var ft = new FileTransfer();
                  ft.download(remoteFile,
                      localPath, function (entry) {
                          console.log("file path:" + entry.fullPath);
                          var linkopen = document.getElementById("openlink");
                          linkopen.style.display = "block";
                          linkopen.href = entry.fullPath;

                          // var dwnldImg = document.getElementById("dwnldImg");
                          //dwnldImg.src = entry.fullPath;
                          //dwnldImg.style.visibility = "visible";
                          //dwnldImg.style.display = "block";
                      }, fail);
              }, fail);
          }, fail);
      }

      function fail(error) {
          console.log("error:" + error.code);
      }
  </script>
</head>

<body onload="init();">
    <a href="#" onclick="download();">Download file</a>

    <br />
    <br />
    <br />
    <a href="#" id="openlink" style="display:none;font-size:larger;">open</a>
</body>
</html>

Есть идеи, как заставить это работать?

Источник

4 ответа

Собственно PhoneGap не позволяет загружать PDF-файл на SD-карту и не отображает PDF-файлы автоматически.

  1. Пожалуйста, установите PDF-ридер на вашем смартфоне.
  2. Создать плагин для скачивания файлов.
  3. Создайте плагин для открытия PDF-файла с помощью программы, установленной на шаге 1.

Детали Шаг 2 и 3:
Установите среду разработки PhoneGap в Eclipse.
Загрузите примеры классов Java из ЗДЕСЬ
Распакуйте загруженный файл в папку " src "
Скачайте javascript из примера ЗДЕСЬ
Распакуйте загруженный файл в папку " assets / www"
В индексном HTML-файле. звонить на js:

<script charset="utf-8" src="main.js"> </script>
<script charset="utf-8" src="pdfviewer.js"> </script>
<script charset="utf-8" src="downloader.js"> </script>

В " res / xml / plugins.xml " добавьте:

<plugin name="Downloader" value="com.phonegap.plugins.downloader.Downloader"/>
<plugin name="PdfViewer" value="com.phonegap.plugins.pdfViewer.PdfViewer"/>

Чтобы вызвать методы, определенные в плагине, протестируйте следующий код в index.html:

<! DOCTYPE HTML>
<html>
<head>
<title> PhoneGap-Android PDF Opening App</title>
<script charset="utf-8" src="phonegap-1.0.0.js"></script>
<script charset="utf-8" src="main.js"></script>
<script charset="utf-8" src="pdfviewer.js"></script>
<script charset="utf-8" src="downloader.js"></script>
</Head>

<body>
<h1> Hello World </ h1>
<a href = "#" 'sampleurf.pdf', true, downloadOkCallbak, downloadErCallbak) "> Download pdf </a> <br>
<a href="#" onclick="window.plugins.pdfViewer.showPdf('/sdcard/download/sample/samplesurf.pdf');"> open </a>
</body>
</html>

Кредит идет на http://www.giovesoft.com/2011/08/download-and-open-pdf-with-phonegap.html

Источник

Используйте плагин для открытия файлов ( https://github.com/markeeftb/FileOpener), но для чтения psf и doc-файлов потребуется какой-нибудь pdf-ридер или офис. но сначала мы должны установить эти два. а затем используйте этот плагин, чтобы открыть файл downloaderd. Но этот плагин работает только в случае локального хранилища, а не во внутреннем хранилище. плагин на https://github.com/markeeftb/FileOpener

Источник

Вы можете использовать глобальный плагин FileOpener для Cordova. используется для открытия всех типов файлов

http://plugins.cordova.io/#/package/fr.smile.cordova.fileopener

Поддерживаемые расширения

Плагин управляет этими расширениями:

.doc,.docx,.xls,.xlsx,.rtf,.wav,.gif,.jpg,.jpeg,.png,.txt,.mpg,.mpeg,.mpe,.mp4,.avi,.ods,.odt,.ppt,.pptx,.apk

Сейчас не поддерживается расширение.pdf.(25 сентября 2014)

Источник

Не элегантное, но очень простое решение этой проблемы, которое я когда-то видел, состоит в том, чтобы связать со службой просмотра PDF-документов Google docs; https://docs.google.com/viewer?url=https://dl.dropboxusercontent.com/u/6731723/Beaver.pdf

Вы, конечно, должны использовать inappbrowser для ссылки на эту страницу, в противном случае в iOS пользователь не сможет отказаться от просмотра PDF.

Источник
Другие вопросы по тегам