Pdf.js: viewer.js ऑनलाइन PDF स्ट्रीम नहीं ले सकता

संबंधित मुद्दे हैं #522, #586 और #842

जैसा कि उपरोक्त मुद्दों में संदर्भित है, यह कुछ ऐसा है जिसे उपयोगकर्ता को प्रॉक्सी या सीओआरएस का उपयोग करके स्वयं ही ठीक करना होगा।

हाय ब्रेंड,

मुख्य कारण क्या है कि "उपयोगकर्ता को प्रॉक्सी या सीओआरएस का उपयोग करके स्वयं को ठीक करना होगा"?

यह महत्वपूर्ण है कि पीडीएफ स्थानीय (अपलोडिंग), सर्वर से फाइल के रूप में, सर्वर से "http://" जैसी स्ट्रीम के रूप में आ सकता है।

छवि URL के रूप में, PDF रीडर को HTTP URL का समर्थन करना चाहिए।

धन्यवाद

@jonasyuandotcom cors आपको उसी सर्वर से http का उपयोग करके पीडीएफ प्राप्त करने की अनुमति देता है। हालांकि ब्राउज़र उपयोगकर्ता को विदेशी सर्वरों को डेटा प्राप्त करने/भेजने से बचाता है। इस प्रतिबंध को बायपास करने के लिए उन सर्वरों को http शीर्षलेखों का उपयोग करना चाहिए।

चूंकि आपका सर्वर साइड प्रॉक्सी उसी सर्वर पर स्थित होगा, क्योंकि दर्शक इसके साथ ठीक रहेगा।

@notmasteryet धन्यवाद। यह उसी सर्वर का उपयोग करते समय काम करता है जैसे

var kDefaultURL = '/pdf-reader-web/sample.pdf';

हाय जोनास,

हम इसे अपनी ओर से लागू नहीं करेंगे क्योंकि ब्राउज़र सुरक्षा प्रतिबंधों के कारण इसे लागू करना हमारे लिए संभव नहीं है। देखें http://en.wikipedia.org/wiki/XMLHttpRequest#Cross -domain_requests

ब्रेंडन

नमस्ते @brendandahl

मैं सोच रहा था कि क्या 2011 से कोई अपडेट है? क्या अभी भी CORS समस्याओं को ठीक करना असंभव है ?

हां। अधिक जानकारी के लिए https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#faq -xhr देखें।

धन्यवाद टिम!

हाय @timvandermeij। आपके जवाब के लिए धन्यवाद। मैंने कई समाधानों की कोशिश की है लेकिन मैं अभी भी अपने वेब सर्वर पर CORS को अनुमति देने में सक्षम नहीं हूं। क्या आपके पास कोई गिट उदाहरण है?

@Dassine यहाँ आप जाएँ http://mozilla.github.io/pdf.js/web/viewer.html?file=//async5.org/moz/pdfjs.pdf -- PDF व्यूअर http://async5.org लोड करता है

यदि आप ब्राउज़र नियंत्रण को डेस्कटॉप/मोबाइल एप्लिकेशन में एम्बेड कर रहे हैं, तो आप OS/Framework APIs का उपयोग करके बाइनरी डेटा का अनुरोध कर सकते हैं और इसे Uint8Array के रूप में PDF.js को पास कर सकते हैं।

आपके लिंक के लिए धन्यवाद @yurydelendik । मुझे पता है कि PDF.js CORS को प्रबंधित नहीं करता है। मैंने @timvandermeij और अन्य द्वारा भेजे गए समाधानों की कोशिश की है लेकिन वे असफल रहे। एक बार pdf.js रेपो डाउनलोड हो जाने के बाद मैं सही कार्यान्वयन/संशोधन समाधान ढूंढ रहा हूं। धन्यवाद

@yurydelendik मुझे दूरस्थ पीडीएफ फाइल लोड करने का मुद्दा भी आ रहा है। लेकिन यह त्रुटि केवल क्रोम में होती है।
PDF.js v1.0.1040 (बिल्ड: 997096f)
संदेश: " http://bhpr.hrsa.gov/healthworkforce/rnsurveys/rnsurvey final.pdf " PDF प्राप्त करते समय अनपेक्षित सर्वर प्रतिक्रिया (0)।

आप देख सकते हैं कि मैं जिस PDF को लोड करने का प्रयास कर रहा हूं वह दूसरे सर्वर पर है जिस पर मेरा कोई नियंत्रण नहीं है। लेकिन फिर भी मैं इस PDF को अपने viewer.js . पर दिखाना चाहता हूं

मुझे सीओआरएस के साथ ज्यादा अनुभव नहीं है लेकिन मैंने अपने सर्वर पर कम से कम सुरक्षा क्रॉसडोमेन.एक्सएमएल फ़ाइल बनाई है लेकिन फिर भी यह काम नहीं करता है।

@ हैशबाइट आपको सर्वर के लिए प्रॉक्सी की आवश्यकता होगी। एक बहुत ही सरल प्रॉक्सी (मेरे द्वारा विकसित) कहीं भी CORS है। बस पीडीएफ फाइल में यूआरएल से पहले प्रॉक्सी का यूआरएल प्रीपेन्ड करें, उदाहरण के लिए

"https://cors-anywhere.herokuapp.com/" + 
"http://bhpr.hrsa.gov/healthworkforce/rnsurveys/rnsurveyfinal.pdf" =
"https://cors-anywhere.herokuapp.com/http://bhpr.hrsa.gov/healthworkforce/rnsurveys/rnsurveyfinal.pdf"

फिर इस यूआरएल को यूआरएल-एन्कोड करें और इसे file पैरामीटर में डालें, और आपको एक लिंक मिलेगा जो किसी भी पेज को खोल सकता है: https://mozilla.github.io/pdf.js/web/viewer.html ?file=https%3A%2F%2Fcors-anywhere.herokuapp.com%2Fhttp%3A%2F%2Fbhpr.hrsa.gov%2Fhealthworkforce%2Frnsurveys%2Frnsurvey final.pdf

नोट: यदि पीडीएफ के यूआरएल में कोई प्रतिशत चिह्न या & वर्ण नहीं हैं, तो लिंक को तुरंत प्राप्त करने का एक आसान तरीका लिंक से पहले व्यूअर यूआरएल को प्रीपेन्ड करना है (इसलिए, पहले यूआरएल-एन्कोडिंग के बिना ) ऐसा केवल तभी करें जब आप मैन्युअल रूप से URL टाइप करते हैं (उदाहरण के लिए त्वरित परीक्षण करते समय):
https://mozilla.github.io/pdf.js/web/viewer.html?file=https ://cors-anywhere.herokuapp.com/ http://bhpr.hrsa.gov/healthworkforce/rnsurveys/rnsurvey final

नोट: CORS कहीं भी डेमो केवल सुविधा प्रदर्शित करने के लिए प्रदान किया जाता है। यदि आप इस सुविधा का उपयोग कई आगंतुकों वाली साइट पर करने जा रहे हैं, तो सार्वजनिक डेमो सर्वर पर अनुचित भार डालने से बचने के लिए कृपया स्वयं कहीं भी CORS होस्ट करें। अगर मुझे लगता है कि दुरुपयोग के कारण CORS Anywhere का प्रदर्शन रेंग रहा है, तो आपके मूल को काली सूची में डाल दिया जाएगा। स्वयं कहीं भी CORS की मेजबानी करते समय, आप इस प्रकार के दुरुपयोग से बचने के लिए केवल originWhitelist कॉन्फ़िगरेशन पैरामीटर के माध्यम से अपनी साइट तक पहुंच को प्रतिबंधित कर सकते हैं।

नमस्ते,
मुझे यह त्रुटि है जब मैं विदेशी यूआरएल से पीडीएफ लोड करना चाहता हूं

त्रुटि: फ़ाइल मूल दर्शक से मेल नहीं खाती
नई त्रुटि फेंकें ('फ़ाइल मूल दर्शक से मेल नहीं खाती');

कृपया सहायता कीजिए!

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

@gildassamuel विवरण के लिए #6916 देखें।

@jonasyuandotcom यदि फ़ाइल को स्वयं प्रबंधित किया जाता है, तो आप फ़ाइल और pdfjs को एक ही फ़ाइल सर्वर पर रख सकते हैं।

अरे मैंने फ़ाइल सर्वर पर "पहुंच-नियंत्रण-अनुमति-उत्पत्ति" सेट करने के निर्देशों का पालन किया है लेकिन मुझे यह त्रुटि मिलती रहती है:

http शीर्षलेख इस प्रकार हैं:

किसी भी संकेत की सराहना की जाएगी, भले ही आप सुनिश्चित न हों कि क्या आप समस्या के कुछ संभावित कारण प्रदान कर सकते हैं। आपका बहुत बहुत धन्यवाद!

@yjguoo त्रुटि संदेश और शीर्षलेख

मुझे लगता है कि रीडायरेक्ट लक्ष्य में अपेक्षित शीर्षलेखों की कमी है।

लॉग में अवरुद्ध रीडायरेक्ट के वास्तविक शीर्षलेख देखने के लिए chrome://net-internals/#events और चरणों को दोहराएं।

हाय रॉब त्वरित प्रतिक्रिया के लिए धन्यवाद,

मैंने देखा कि जब मैं मैन्युअल रूप से अनुरोधित url "https://files.dev52.slack.com/files-pri/T076SHX5W-F07CGBKK2/git-for-beginners-handout.pdf" इनपुट करता हूं तो मुझे फ़ाइल सर्वर से अलग प्रतिक्रिया शीर्षलेख मिलता है:

ध्यान दें कि मुझे प्रतिक्रिया शीर्षलेख में एक अलग स्थान पर भेज दिया गया है। और उस नए स्थान पर मुझे स्थिति 200 ठीक है।

मेरे पहले प्रश्न: क्या ब्राउज़र में मैन्युअल रूप से url टाइप करने के बीच XmlHttpRequest के माध्यम से कोई अंतर है?
BTW मैं डिफ़ॉल्ट pdf.js व्यूअर (html css js) का उपयोग कर रहा हूं, विभिन्न मूल से पीडीएफ का अनुरोध करने के अलावा सभी कार्यात्मकताएं काम करती हैं (ईआई क्रॉस ओरिंग अनुरोध मुद्दा)
दूसरा प्रश्न: क्या आपको लगता है कि यह मेरे अंत में एक समस्या है या डिफ़ॉल्ट viewer.js/pdf.js जिस तरह से XmlHttpRequest कर रहा है

आपको धन्यवाद :)

मेरे पहले प्रश्न: क्या ब्राउज़र में मैन्युअल रूप से url टाइप करने के बीच XmlHttpRequest के माध्यम से कोई अंतर है?

हां, विशेष रूप से क्रॉस-ओरिजिनल अनुरोधों के साथ। जब आप क्रॉस-ऑरिजिनल अनुरोध करते हैं, तो अनुरोध केवल तभी स्वीकार किया जाता है जब CORS द्वारा अनुरोध की अनुमति दी जाती है। ब्राउज़र Origin हेडर के साथ एक अनुरोध जारी करेगा, सर्वर इसका उपयोग यह तय करने के लिए कर सकता है कि अनुरोध को स्वीकार करना है या नहीं ( Access-Control-Allow-Origin प्रतिक्रिया शीर्षलेख में अनुरोधित मूल को शामिल करके)।

साथ ही, डिफ़ॉल्ट रूप से क्रेडेंशियल क्रॉस-ओरिजिनल अनुरोधों में शामिल नहीं होते हैं। कुकीज़ शामिल करने के लिए, सर्वर को Access-Control-Allow-Credentials: true साथ जवाब देना चाहिए और XHR अनुरोध में withCredentials विशेषता true सेट होनी चाहिए।

दूसरा प्रश्न: क्या आपको लगता है कि यह मेरे अंत में एक समस्या है या डिफ़ॉल्ट viewer.js/pdf.js जिस तरह से XmlHttpRequest कर रहा है

मुझे लगता है कि आपके सर्वर को अलग तरह से कॉन्फ़िगर किया जाना चाहिए।

अधिक जानकारी के लिए एमडीएन पर दस्तावेज़ देखें: https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS
या CORS के विनिर्देश पढ़ें: https://www.w3.org/TR/2014/REC-cors-201440116/

हाय रोब,

मुझे लगता है कि मैंने Access-Control-Allow-Credentials: true भी सेट करके इस मुद्दे को ठीक कर दिया है। मदद के लिए बहुत बहुत धन्यवाद <3. हालांकि मुझे रीडायरेक्ट के संबंध में एक और समस्या मिलती है और मुझे नहीं पता कि आप मुझे कुछ पॉइंटर्स दे सकते हैं या नहीं। मैं एक्सएचआर करता हूँ
URL#1 (जिस समस्या को ठीक करने में आप मेरी सहायता करते हैं) का उपयोग करके अनुरोध करें। फिर मुझे यूआरएल # 2 (स्थिति 302) पर रीडायरेक्ट मिलता है। लेकिन URL#1 और URL#2 दोनों एक ही सर्वर की ओर इशारा करते हैं। निम्न त्रुटि के कारण:

मैंने वही प्रतिक्रिया शीर्षलेख सेट करने का प्रयास किया जैसा मैंने यूआरएल # 1 में किया था लेकिन मुझे एहसास हुआ कि वे दोनों एक ही सर्वर पर हैं और उत्पत्ति शून्य है।

मुझे लगता है कि ऐसा इसलिए है क्योंकि दोनों यूआरएल एक ही सर्वर पर इंगित करते हैं, इसलिए रीडायरेक्ट मूल न्यूल है लेकिन मुझे भी यकीन नहीं है? अब मैं दो अलग-अलग मूल से निपटने वाले शीर्षलेख जोड़ने के बारे में कैसे जाउंगा लेकिन दोनों यूआरएल एक ही फाइल सर्वर को इंगित करते हैं। मैंने * जैसे रेगेक्स का उपयोग करने की कोशिश की लेकिन स्पष्ट रूप से इसकी अनुमति नहीं है :( फिर से धन्यवाद!

क्रॉस-ओरिजिनल रीडायरेक्ट के बाद, क्रोम ओरिजिन हेडर को वास्तविक URL के बजाय "null" मान पर सेट करता है - https://crbug.com/154967

आप सशर्त रूप से Access-Control-Allow-Origin मूल्य null Access-Control-Allow-Origin साथ वापस कर सकते हैं, लेकिन केवल तभी जब आप चाहते हैं कि सभी वेबसाइटें उस संसाधन को पढ़ सकें । यदि नहीं (जो सबसे अधिक संभावना है), तो आपको रीडायरेक्ट से बचना होगा। उदाहरण के लिए, सीधे गंतव्य URL को अनुरोध भेजकर (यदि आप URL को पहले से नहीं जानते हैं, तो अपने सर्वर में एक नया API समापन बिंदु जोड़ें जो गंतव्य URL लौटाता है)।

आपको धन्यवाद! मैं इस पर गौर करूंगा :)

अरे रोब क्या आपको लगता है कि पीडीएफ दर्शक या पीडीएफ.जेएस को पहले से सेट किए गए स्रोत के साथ शुरू करने का एक और तरीका है और एक्सएचआर अनुरोध को एक साथ टालना है?

@yjguoo आप पीडीएफ डेटा को 64-एन्कोड कर सकते हैं और डेटा-यूआरएल का उपयोग कर सकते हैं। बड़ी पीडीएफ फाइलों के लिए, इसका परिणाम खराब उपयोगकर्ता अनुभव (= प्रगति पट्टी के बिना खाली पृष्ठ) में होता है क्योंकि डेटा को बेस 64 के रूप में एन्कोड करने से फ़ाइल का आकार 33% बढ़ जाता है। मैं इस कारण से एक्सएचआर का उपयोग जारी रखने की सलाह देता हूं।

हाय, अभी परीक्षण किया गया है और यह काम करता है अगर सीओआरएस सक्षम है, लेकिन जो मैं देखता हूं वह यह है कि फ़ाइल बहुत बड़ी होने पर फ़ाइल को खंड/श्रेणी में नहीं मिलती है।

इसे .htaccess में जोड़कर हल किया गया:
हैडर सेट एक्सेप्ट-रेंज बाइट्स
हैडर सेट एक्सेस-कंट्रोल-अनुमति-उत्पत्ति "*"
हैडर सेट एक्सेस-कंट्रोल-अनुमति-विधियां "प्राप्त करें"
हैडर सेट एक्सेस-कंट्रोल-अनुमति-हेडर "सामग्री-प्रकार, रेंज"
हैडर सेट एक्सेस-कंट्रोल-एक्सपोज़-हेडर "स्वीकार-रेंज, सामग्री-एन्कोडिंग, सामग्री-लंबाई, सामग्री-श्रेणी"

आपको धन्यवाद!!!

@ रोब - डब्ल्यू यह बहुत मददगार था। परियोजना के अंदर से काम करने की कोई संभावना है (जैसे एक्सएचआर हेडर बदलना)? (कार्यकर्ता.जेएस के अंदर)

नमस्ते, किसी के लिए अभी भी इससे कोई समस्या है, मैंने इसे इसके साथ हल किया:

https://drive.google.com/viewerng/viewer?embedded=true&url=http://www.africau.edu/images/default/sample.pdf