Pdf.js: आईफ्रेम में लोड होने पर पीडीएफ प्रिंट करने में असमर्थ

को निर्मित 11 अक्तू॰ 2014 · 21टिप्पणियाँ · स्रोत: mozilla/pdf.js

मैं एक पीडीएफ फाइल पर ध्यान केंद्रित करने और प्रिंट करने के लिए जावास्क्रिप्ट का उपयोग करने का प्रयास कर रहा हूं जो आईफ्रेम के भीतर लोड किया गया है जिसे मैंने गतिशील रूप से डीओएम में रखा है। यह समस्या विशेष रूप से मेरे लिए फ़ायरफ़ॉक्स में हो रही है।

मेरा कोड निम्न जैसा दिखता है:

<iframe name="printer_frame" id="printer_frame" src="http://domain.com/media/eparcel_label_1413020567.pdf"></iframe>

window.frames['printer_frame'].window.focus();
window.frames['printer_frame'].window.print();

मुझे निम्न त्रुटि प्राप्त होती है:

त्रुटि: संपत्ति 'प्रिंट' तक पहुंचने की अनुमति अस्वीकार कर दी गई

मेरा शोध मुझे बता रहा है कि यह काम करना चाहिए, आगे पढ़ने से मुझे विश्वास हो गया है कि यह एक बग हो सकता है। किसी भी सहायता की सराहना की जाएगी।

संपादित करें

मैंने पहले पृष्ठ के पीएनजी प्रारूप में पीडीएफ फाइल को स्क्रीन शॉट के साथ बदलकर कार्यक्षमता का परीक्षण किया और प्रिंट कार्यक्षमता काम कर गई।

संपादित करें

आगे की जांच। मेरे क्रोम इंस्टॉल में pdfjs जोड़ा गया, और ऊपर दिए गए समान कोड के साथ प्रिंट करने का प्रयास किया। वही त्रुटि:

SecurityError: मूल " http://domain.com " के साथ एक फ्रेम को क्रॉस-ओरिजिनल फ्रेम तक पहुंचने से रोक दिया।

code: 18
message: "Blocked a frame with origin "http://domain.com" from accessing a cross-origin frame."
name: "SecurityError"
stack:
"Error: Blocked a frame with origin "http://domain.com" from accessing a cross-origin frame.
    at Error (native)
    at <anonymous>:2:34
    at Object.InjectedScript._evaluateOn (<anonymous>:730:39)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:669:52)
    at Object.InjectedScript.evaluate (<anonymous>:581:21)"

मुझे यह स्पष्ट करना चाहिए कि पीडीएफ फाइल उसी डोमेन पर लोड की जा रही है।

3-upstream 4-printing

स्रोत

Petce

👍7

सबसे उपयोगी टिप्पणी

मुझे लगता है कि मुझे इसका कारण पता है, कम से कम फ़ायरफ़ॉक्स में। उपरोक्त जैसे सरल उदाहरण में, यदि आप मुख्य पृष्ठ और आईफ्रेम दोनों में document.domain की जांच करने के लिए Firefox DevTools का उपयोग करते हैं, तो मैंने पाया कि document.domain के लिए pdf.js है PDF.js रेंडरर—इसलिए ब्राउज़र के क्रॉस-ओरिजिनल प्रतिबंध लागू हो रहे हैं।

इसके अतिरिक्त, अगर मैंने स्रोत से PDF.js बनाया है, और अपना आईफ्रेम web/viewer.html?file= पर सेट किया है, तो आईफ्रेम को प्रिंट करने के लिए कॉल करना (जैसा कि ओपी में है), यह ठीक काम करता है।

क्या PDF.js (कम से कम फ़ायरफ़ॉक्स में चलते समय) के लिए अन्य विंडो से संदेशों को स्वीकार करने का कोई तरीका है, शायद window.postMessage जैसी किसी चीज़ के माध्यम से? (मैंने कभी इसका उपयोग नहीं किया है, इसलिए मुझे नहीं पता कि यह इस उपयोग-मामले के लिए उपयुक्त है या नहीं।)

dahjelle 8 मई 2015

👍14

सभी 21 टिप्पणियाँ

संभवतः बग 874200 का डुप्लिकेट।

Snuffleupagus 11 अक्तू॰ 2014

किसी के लिए भी जो इस मुद्दे पर ठोकर खाता है और एक संभावित काम करना चाहता है (इस मुद्दे पर विचार करते हुए अब एक साल से अधिक समय तक कोई फिक्स नहीं है), मैंने सर्वर पर पीडीएफ की छवियों को उत्पन्न करने के लिए घोस्टस्क्रिप्ट के साथ PHP में ImageMagick का उपयोग करना समाप्त कर दिया। , फिर इन छवि URL को एक json प्रतिक्रिया में वापस परोसा, उससे परिणाम को प्रिंट करना तुच्छ था।

हालांकि, मुझे जानने के लिए, इसे करने का शायद एक बेहतर और आसान तरीका है ...

Petce 14 अक्तू॰ 2014

👎2 👍1

के बारे में: कॉन्फ़िगरेशन में मैंने pdfjs.disabled=true सेट किया है, लेकिन पीडीएफ डाउनलोड शुरू करें मुझे लगता है कि अगर यह plugin.disable_full_page_plugin_for_types = application/pdf का उपयोग करता है तो यह पीडीएफ डाउनलोड नहीं कर सकता है और दर्शक में देख सकता है

marti1125 16 दिस॰ 2014

dahjelle 8 मई 2015

👍14

एक और अवलोकन: मैं onload ईवेंट के माध्यम से $#$1 iframe #$ पर प्रिंटिंग को ट्रिगर करने की उम्मीद कर रहा था, लेकिन पीडीएफ को अभी तक प्रस्तुत नहीं किया गया है। सुनिश्चित नहीं है कि इसकी जांच करने का कोई विश्वसनीय तरीका है या नहीं?

मैंने #5765 देखा, लेकिन ऐसा प्रतीत होता है कि केवल उन घटनाओं को संदर्भित करता है जिन्हें आप हुक कर सकते हैं यदि आप सीधे PDF.js चला रहे थे और अंतर्निहित फ़ायरफ़ॉक्स संस्करण नहीं?

dahjelle 8 मई 2015

मैं चकित हूं कि जावास्क्रिप्ट का उपयोग करके प्रिंट करने के लिए पीडीएफ फाइल को ट्रिगर करने के रूप में सरल कुछ करने के लिए यह एक ऐसा मुद्दा है। यह समस्या अब दो या दो साल पहले (संभवतः अधिक) की प्रतीत होती है।

क्या किसी को _क्लाइंट साइड_ समाधान मिला है? मैंने @Petce समाधान देखा लेकिन वह समाधान मेरे लिए काम नहीं करेगा।

LDigital84 1 जुल॰ 2015

अपनी सांस न रोकें @ लिंडा 333 , इस समस्या का समर्थन कुख्यात रूप से अनुत्तरदायी है। मेरी राय में आपका असली एकमात्र विकल्प कार्यक्षमता में उपयुक्त समझौता करना है। यदि आप हमें अपनी स्थिति के बारे में अधिक बताते हैं तो स्वयं और अन्य लोग संभावित समाधान प्रस्तुत करने में सक्षम हो सकते हैं।

Petce 1 जुल॰ 2015

@Petce - जब मैंने देखा कि यह मुद्दा कितनी देर पहले शुरू हुआ तो मैं नहीं करूँगा। इस क्षमता को शामिल न करने के लिए हास्यास्पद लगता है। मैंने क्लाइंट से बात की और इस साइट के लिए अपना दृष्टिकोण बदलने जा रहा हूं। 1) वे पीडीएफ डाउनलोड कर सकते हैं और 2) मैं एचटीएमएल में कुछ पीडीएफ सामग्री को फिर से बना रहा हूं और उपयोगकर्ता को यह चुनने देता हूं कि क्या प्रिंट करना है। बनाने में अधिक समय लगता है लेकिन यह काम करेगा।

LDigital84 2 जुल॰ 2015

क्या कोई एम्बेडेड आईफ्रेम प्रिंट कर सकता है? मैं सिर्फ अंतिम एक्सटेंशन संस्करण स्थापित करता हूं और त्रुटि अनुमति से इनकार कर रहा हूं, मैं सामान्य पीडीएफ एक्सेस पर पीडीएफ फाइलों को भी नहीं देख सकता।

Xosmond 22 अग॰ 2016

इस कमिट (और पीडीएफजेएस डेटा पार्सर) से कोड का उपयोग करके आप अपने पीडीएफ को एक अस्थायी ब्लॉब के रूप में फिर से लिख सकते हैं और एक प्रिंट निर्देश जोड़ सकते हैं: https://github.com/mozilla/pdf.js/pull/6190/commits
स्रोत के रूप में ब्लॉब के साथ एक आईफ्रेम बनाएं और यह प्रिंट करना शुरू कर देगा (ध्यान दें कि प्रिंट निर्देश का पालन न करने के अलावा, आईफ्रेम में ब्लॉब्स लोड नहीं होंगे)।
वैसे भी यह बहुत जटिल है यदि आप पहले से ही दर्शक का एक कस्टम संस्करण नहीं चला रहे हैं।
वैकल्पिक रूप से आप सर्वर पर प्रिंट निर्देश जोड़ सकते हैं या कहीं भी आप पीडीएफ के डेटा को संपादित करने में सक्षम हैं।

मजेदार बात यह है कि केवल फ़ायरफ़ॉक्स को इसकी आवश्यकता है ... तीन साल हो गए हैं इस मुद्दे की सूचना दी गई थी और फ़ायरफ़ॉक्स एकमात्र ब्राउज़र है जो आईफ्रेम सामग्री तक पहुंचने के बारे में शिकायत कर रहा हैविंडो: ऐसा लगता है कि आजकल कोई भी वास्तव में प्रिंटिंग की परवाह नहीं करता है, जो शायद एक अच्छी बात है।

paolocaminiti 14 सित॰ 2016

ऐसा लगता है कि यह मेरे लिए काम कर रहा है

        setTimeout(function(){
            this.printIframeRef.contentWindow.document.getElementById('secondaryPrint').click()
        }.bind(this), 3000)

मुझे दर्शक से जुड़ने के लिए कोई ईवेंट या तरीके नहीं मिले, लेकिन यदि आप इसके प्रिंट बटन पर भी क्लिक को ट्रिगर करते हैं (मैं संस्करण 1.4.20 का उपयोग कर रहा हूं) तो यह प्रिंट होने लगता है। सेटटाइमआउट दर्शक को लोड करने का समय देता है और इस तरह

thenewguy 26 सित॰ 2016

क्या आप फ़ायरफ़ॉक्स पर सामग्रीविंडो तक पहुंचने में सक्षम हैं? क्या आपको सुरक्षा समस्या नहीं आती है?

paolocaminiti 27 सित॰ 2016

@paolocaminiti मैं एक ही डोमेन से सभी फाइलें लोड कर रहा हूं। ऐसा लगता है यह मेरे लिए काम का होगा। मैंने विंडोज़ पर आईई 10 और 11, आईई एज, क्रोम का उपयोग किया है। और उबंटू 14.04 पर फ़ायरफ़ॉक्स 38।

    handlePrintClick() {
        blurComponentRef(this.printButtonRef)
        this.printIframeRef.contentWindow.document.getElementById('secondaryPrint').click()
    }

    handlePrintLoad() {
        this.printIframeRef.contentWindow.addEventListener("documentload", function(){
            this.setState({canPrint: true})
        }.bind(this));
    }

thenewguy 27 सित॰ 2016

मैं देखता हूं, आप फिर से रिमोट से पीडीएफ लोड कर रहे हैं और यह उसी डोमेन का परिणाम देता है।
क्रोम/ओपेरा/सफारी पर मैं इसका उपयोग कर रहा हूं:

function directPrint () {
  PDFViewerApplication.pdfDocument.getData().then(function(res) {
    var b = URL.createObjectURL(new Blob([res], { type: 'application/pdf' }))
    var printFrame = document.getElementById('print-frame')
    if (!printFrame) {
      printFrame = document.createElement('iframe')
      printFrame.id = 'print-frame'
      printFrame.src = b
      document.body.appendChild(printFrame)
    }
    setTimeout(function () {
      printFrame.contentWindow.print()
      // ...dispose iframe and blob.
    }, 0)
  })
}

ब्लॉब बनाने के लिए बस स्थानीय डेटा का उपयोग करता है और फिर प्रिंट को कॉल करता है, सेटटाइमआउट 0 आईफ्रेम को संलग्न करने की अनुमति देता है।

दुर्भाग्य से फ़ायरफ़ॉक्स ब्लॉब के साथ सामग्रीविंडो को अस्वीकार कर देता है, लेकिन एक प्रिंट निर्देश वाला ब्लॉब अपने आप प्रिंट हो जाएगा।

स्थानीय डेटा का उपयोग करने के लिए कोई समाधान नहीं है, लेकिन हो सकता है कि पीडीएफ डेटा रूट करने के लिए किसी के पास सर्वर पर प्रॉक्सी हो, सभी को एक ही डोमेन होने और अपना कोड लागू करने की अनुमति होगी।

paolocaminiti 27 सित॰ 2016

😕1

नमस्ते,

इसका क्या अर्थ है "रेस"? और PDFViewerApplication PDF.js से आता है?

धन्यवाद,

Romina-Intellimed 24 अक्तू॰ 2016

हाँ PDFViewerApplication PDFViewer बिल्ड द्वारा pdfjs द्वारा प्रदान किया जाता है, स्रोत /web निर्देशिका के अंतर्गत है, आपको वहां एक नया निर्माण करना चाहिए ताकि मास्टर रेपो को अपडेट करना आसान हो जाए क्योंकि यह अपडेट होता है ...

res सिर्फ गेटडाटा द्वारा पारित तर्क है, पीडीएफ फाइल का बाइट रिप्रेजेंटेशन होना चाहिए, यहां आगे नेटवर्क अनुरोधों के बिना लोड करने के लिए स्थानीय ब्लॉब यूआरएल बनाने के लिए उपयोग किया जाता है।

यदि आप ऊपर दिए गए कोड की तरह कुछ करने जा रहे हैं तो आप इसे थोड़ा साफ करना चाहेंगे:

function directPrint () {
  var printFrame = document.getElementById('print-frame')
  if (printFrame) {
    printFrame.contentWindow.print()
  } else {
    PDFViewerApplication.pdfDocument.getData().then(function(res) {
      var src = URL.createObjectURL(new Blob([res], { type: 'application/pdf' }))
      printFrame = document.createElement('iframe')
      printFrame.id = 'print-frame'
      printFrame.style.display = 'none'
      printFrame.src = src
      document.body.appendChild(printFrame)
      setTimeout(function () {
        printFrame.contentWindow.print()
      }, 0)
    })
  }
}

अंत में मैंने आईफ्रेम का निपटान नहीं करना चुना क्योंकि यह समझने के लिए जटिल साबित हुआ कि इसे कब करना है, मैं इसे वहां छोड़ रहा हूं और हर बार जब उपयोगकर्ता प्रिंट करना चाहता है तो इसका पुन: उपयोग कर रहा है, यह मानते हुए कि पीडीएफ बीच में नहीं बदल सकता है।

आशा है ये मदद करेगा।

paolocaminiti 24 अक्तू॰ 2016

👍2

@thenewguy अन्य पाठकों के लिए इस धागे को स्पष्ट करने के लिए, ऐसा लगता है कि हम काफी अलग चीजें कर रहे हैं:
मैं पूर्ण गुणवत्ता में प्रिंट करने के लिए मूल ब्राउज़र पीडीएफ व्यूअर का उपयोग करने की कोशिश कर रहा हूं (मुझे सामग्री तक पहुंचने का कोई तरीका नहीं मिला है यानी और किनारे पर एक ही डोमेन का उपयोग करने से कोई फर्क नहीं पड़ता)।
आप पीडीएफजेएस व्यूअर को आईफ्रेम में लोड कर रहे हैं, संभवतः दृश्यमान, और होस्ट एप्लिकेशन से इसकी प्रिंटिंग को नियंत्रित कर रहे हैं।

paolocaminiti 24 अक्तू॰ 2016

यह मजाकिया है क्योंकि मैं अपने आईफ्रेम में एक स्क्रिप्ट डालने और इसे एक फ़ंक्शन के रूप में कॉल करने के लिए @paolocaminiti प्राप्त करने की कोशिश कर रहा था लेकिन अब मुझे "ऑफसेट माता-पिता सेट नहीं है - स्क्रॉल नहीं कर सकता" । मैं क्रोम कियोस्क प्रिंटिंग का उपयोग करूंगा और इसे भूल गया।

Xosmond 5 फ़र॰ 2017

अब तक, कोई समाधान प्रस्तावित नहीं किया गया है

ghostman-git 15 अग॰ 2018

😕3

क्या मुझे अभी भी सर्वर-साइड-समाधान की आवश्यकता है या क्या इस विषय पर कोई प्रगति हुई है? क्या पीडीएफ-जेएस से PDFPrintService का उपयोग करना संभव है? क्या यह एक कार्यात्मक कामकाज होगा? यदि हाँ, तो संपूर्ण pdf-viewer का उपयोग किए बिना इस सेवा का उपयोग कैसे संभव है?

schnetzi 5 नव॰ 2018

https://bugzilla.mozilla.org/show_bug.cgi?id=911444 . द्वारा फिक्स

Snuffleupagus 4 मार्च 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Pdf.js: आईफ्रेम में लोड होने पर पीडीएफ प्रिंट करने में असमर्थ

संपादित करें

संपादित करें

सबसे उपयोगी टिप्पणी

सभी 21 टिप्पणियाँ

संबंधित मुद्दों