एंड्रॉइड में jquery और phonegap का उपयोग कर पीडीएफ फ़ाइल कैसे खोलें?

Question

हाल ही में मैं एंड्रॉइड के लिए एक आवेदन बना रहा हूँ। मैं ऐसा करने के लिए फोनगैप का उपयोग कर रहा हूं। एक समस्या को छोड़कर सब कुछ ठीक चल रहा है यानी मैं एंड्रॉइड में jquery का उपयोग कर एक पीडीएफ फ़ाइल खोल नहीं सकता। मैंने ऐसा करने की बहुत कोशिश की है लेकिन मैं ऐसा करने में असमर्थ हूं।

जो मैं चाहता हूं वह यह है कि एक छवि पर क्लिक करने के बाद यह एक यूआरएल से एक पीडीएफ खुल जाएगा।

संपादित:

मैं इस की कोशिश की है:

<img src="img/b_img1.png" onclick="openPdf('http://www.w3.org/2011/web-apps-ws/papers/Nitobi.pdf')"/> 

openPdf समारोह है कि तरह है:

:

function openFile(pdfUrl) { 
    window.plugins.fileOpener.open(pdfUrl); 
} 

और fileOpener प्लगइन है कि तरह है

मैं इस तरह config.xml पेज में तरह प्लग-इन जोड़ते हैं:

<plugin name="FileOpener" value="com.phonegap.plugins.file.FileOpener"/> 

और मुझे इस तरह com.phonegap.plugins.file पैकेज में FileOpener.java जोड़ लिया है:

package com.phonegap.plugins.file; 

    import java.io.File; 
    import java.io.FileOutputStream; 
    import java.io.IOException; 
    import java.io.InputStream; 
    import java.net.URL; 
    import java.net.URLConnection; 

    import org.json.JSONArray; 
    import org.json.JSONException; 

    import android.content.Context; 
    import android.content.Intent; 
    import android.content.pm.PackageManager; 
    import android.net.Uri; 

    import org.apache.cordova.api.CallbackContext; 
    import org.apache.cordova.api.CordovaPlugin; 
    import org.apache.cordova.api.PluginResult; 

    public class FileOpener extends CordovaPlugin { 
     private static final String YOU_TUBE = "youtube.com"; 
     private static final String ASSETS = "file:///android_asset/"; 

    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) 
       { 
     PluginResult.Status status = PluginResult.Status.OK; 
     String result = ""; 

     try { 
      if (action.equals("openFile")) { 
       openFile(args.getString(0)); 
      } 
      else { 
       status = PluginResult.Status.INVALID_ACTION; 
      } 
      callbackContext.sendPluginResult(new PluginResult(status, result)); 
     } catch (JSONException e) { 
      e.printStackTrace(); 
     } catch (IOException e) { 
      e.printStackTrace(); 
     } 
     return true; 
    } 

    private void openFile(String url) throws IOException { 

     if (url.contains("bit.ly/") || url.contains("goo.gl/") || url.contains("tinyurl.com/") || url.contains("youtu.be/")) { 
      //support for google/bitly/tinyurl/youtube shortens 
      URLConnection con = new URL(url).openConnection(); 
      con.connect(); 
      InputStream is = con.getInputStream(); 
      //new redirected url 
      url = con.getURL().toString(); 
      is.close(); 
     } 
     // Create URI 
     Uri uri = Uri.parse(url); 

     Intent intent = null; 
     // Check what kind of file you are trying to open, by comparing the url with extensions. 
     // When the if condition is matched, plugin sets the correct intent (mime) type, 
     // so Android knew what application to use to open the file 
     if (url.contains(YOU_TUBE)) { 
      // If we don't do it this way you don't have the option for youtube 
      uri = Uri.parse("vnd.youtube:" + uri.getQueryParameter("v")); 
      if (isYouTubeInstalled()) { 
       intent = new Intent(Intent.ACTION_VIEW, uri); 
      } else { 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setData(Uri.parse("market://details?id=com.google.android.youtube")); 
      } 
     } else if(url.contains(ASSETS)) { 
      // get file path in assets folder 
      String filepath = url.replace(ASSETS, ""); 
      // get actual filename from path as command to write to internal storage doesn't like folders 
      String filename = filepath.substring(filepath.lastIndexOf("/")+1, filepath.length()); 

      // Don't copy the file if it already exists 
      File fp = new File(this.cordova.getActivity().getFilesDir() + "/" + filename); 
      if (!fp.exists()) { 
       this.copy(filepath, filename); 
      } 
      // change uri to be to the new file in internal storage 
      uri = Uri.parse("file://" + this.cordova.getActivity().getFilesDir() + "/" + filename); 

      if (url.contains(".doc") || url.contains(".docx")) { 
       // Word document 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "application/msword"); 
      } else if(url.contains(".pdf")) { 
       // PDF file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "application/pdf"); 
      } else if(url.contains(".ppt") || url.contains(".pptx")) { 
       // Powerpoint file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "application/vnd.ms-powerpoint"); 
      } else if(url.contains(".xls") || url.contains(".xlsx")) { 
       // Excel file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "application/vnd.ms-excel"); 
      } else if(url.contains(".rtf")) { 
       // RTF file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "application/rtf"); 
      } else if(url.contains(".wav")) { 
       // WAV audio file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "audio/x-wav"); 
      } else if(url.contains(".gif")) { 
       // GIF file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "image/gif"); 
      } else if(url.contains(".jpg") || url.contains(".jpeg")) { 
       // JPG file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "image/jpeg"); 
      } else if(url.contains(".txt")) { 
       // Text file 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "text/plain"); 
      } else if(url.contains(".mpg") || url.contains(".mpeg") || url.contains(".mpe") || url.contains(".mp4") || url.contains(".avi")) { 
       // Video files 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "video/*"); 
      }   

      //if you want you can also define the intent type for any other file 

      //additionally use else clause below, to manage other unknown extensions 
      //in this case, Android will show all applications installed on the device 
      //so you can choose which application to use 

      else { 
       intent = new Intent(Intent.ACTION_VIEW); 
       intent.setDataAndType(uri, "*/*"); 
      } 

     }else {   
     if (url.contains(".doc") || url.contains(".docx")) { 
      // Word document 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "application/msword"); 
     } else if(url.contains(".pdf")) { 
      // PDF file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "application/pdf"); 
     } else if(url.contains(".ppt") || url.contains(".pptx")) { 
      // Powerpoint file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "application/vnd.ms-powerpoint"); 
     } else if(url.contains(".xls") || url.contains(".xlsx")) { 
      // Excel file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "application/vnd.ms-excel"); 
     } else if(url.contains(".rtf")) { 
      // RTF file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "application/rtf"); 
     } else if(url.contains(".wav")) { 
      // WAV audio file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "audio/x-wav"); 
     } else if(url.contains(".gif")) { 
      // GIF file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "image/gif"); 
     } else if(url.contains(".jpg") || url.contains(".jpeg")) { 
      // JPG file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "image/jpeg"); 
     } else if(url.contains(".txt")) { 
      // Text file 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "text/plain"); 
     } else if(url.contains(".mpg") || url.contains(".mpeg") || url.contains(".mpe") || url.contains(".mp4") || url.contains(".avi")) { 
      // Video files 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "video/*"); 
     }   

     //if you want you can also define the intent type for any other file 

     //additionally use else clause below, to manage other unknown extensions 
     //in this case, Android will show all applications installed on the device 
     //so you can choose which application to use 

     else { 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.setDataAndType(uri, "*/*"); 
     } 
     } 

     this.cordova.getActivity().startActivity(intent); 
    } 


    private void copy(String fileFrom, String fileTo) throws IOException { 
     // get file to be copied from assets 
     InputStream in = this.cordova.getActivity().getAssets().open(fileFrom); 
     // get file where copied too, in internal storage. 
     // must be MODE_WORLD_READABLE or Android can't play it 
     FileOutputStream out = this.cordova.getActivity().openFileOutput(fileTo, Context.MODE_WORLD_READABLE); 

     // Transfer bytes from in to out 
     byte[] buf = new byte[1024]; 
     int len; 
     while ((len = in.read(buf)) > 0) 
      out.write(buf, 0, len); 
     in.close(); 
     out.close(); 
    } 

    private boolean isYouTubeInstalled() { 
     PackageManager pm = this.cordova.getActivity().getPackageManager(); 
     try { 
      pm.getPackageInfo("com.google.android.youtube", PackageManager.GET_ACTIVITIES); 
      return true; 
     } catch (PackageManager.NameNotFoundException e) { 
      return false; 
     } 
    } 
    } 

और मैंने मैनिफेस्ट फ़ाइल में भी अनुमति दी है।

अब मेरे फाइलोपेनर प्लगइन का उपयोग करके सब कुछ file.java पेज को बदलने के बाद सही खुल रहा है। (आप संपादित अनुभाग में देख सकते हैं)। वीडियो, एमपी 3, img पूरी तरह से खोल रहा है अगर यह localy या globaly संग्रहित है। यदि पीडीएफ फ़ाइल एंड्रॉइड/एसेट फ़ोल्डर में स्टोर की जाती है तो यह मुझे दिखा रही है लेकिन अगर यह वेबसाइट से आ रही है तो यह मुझे त्रुटि दिखा रही है।

Logcat मुझे कह रहा है:

07-26 15:11:38.105: E/Web Console(21696): Uncaught Error: Error calling method on NPObject. at file:///android_asset/www/js/cordova-2.7.0.js:857 

तो किसी को भी मेरी मदद कर सकते मैं गलत क्या कर रहा हूँ? अग्रिम में धन्यवाद।

Answer 1

उपयोग इस डाउनलोडर प्लगइन: http://teusink.blogspot.nl/2013/04/phonegap-android-downloader-plugin.html

एक अतिरिक्त समारोह (विधि) बनाएं कि Android के लिए एक पीडीएफ आशय भेजता है। How to render PDF in Android

Uri path = Uri.fromFile(file); Intent intent = new Intent(Intent.ACTION_VIEW); intent.setDataAndType(path, "application/pdf"); intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);

Answer 2

एक अलग चातुर्य, तो आपके द्वारा उपकरण फ़ाइल के देखने प्रबंधित करने की अनुमति के लिए तैयार हैं: InAppBrowser प्लगइन (अब cordova-plugin-inappbrowser कहा जाता है) का प्रयोग करें, और उसके बाद का उपयोग window.open(pdfUrl, '_system');

Answer 3

अस्वीकरण: मैं PSPDFKit टीम

पर एक डेवलपर हूँ आप https://github.com/PSPDFKit/Cordova-Android और https://github.com/PSPDFKit/Cordova-iOS पर एक नज़र हो सकता था।दोनों प्लगइन्स PSPDFKit लपेटकर और अनुमति देने के देखने पीडीएफ दस्तावेजों

function showMyDocument() { 
    PSPDFKit.showDocument('file://.../document.pdf'); 
} 

फ़ाइल डाउनलोड करने के रूप में सरल या तो एक Cordova डाउनलोडर प्लगइन द्वारा किया जा सकता है (जैसा कि Joram Teusink ने उल्लेख किया) या बस PSPDFKit ही प्लगइन का विस्तार करके कर रहे हैं। हम परियोजना में हर योगदान का स्वागत करते हैं!