ওয়েব ব্রাউজারের মধ্যে পিডিএফ প্রদর্শন করুন


86

.Html পৃষ্ঠায় আমি কীভাবে একটি ওয়েব ব্রাউজারের মধ্যে একটি পিডিএফ প্রদর্শন করতে পারি?

উত্তর:


121

আমি গুগল ডক্স এম্বেডযোগ্য পিডিএফ ভিউয়ার ব্যবহার করি। দস্তাবেজগুলিকে গুগল ডক্সে আপলোড করতে হবে না, তবে সেগুলি অনলাইনে উপলব্ধ থাকতে হবে।

<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

4
এই সমাধানের সাহায্যে কিছু ব্যবহারকারী পিডিএফ ফাইলটি দেখতে পান না, তবে গুগল দ্বারা প্রথমে লগ ইন করতে বলা হয়।
ফিলিপ জেডলার 21

41
এই সমাধান সম্পর্কে আমার একটি প্রশ্ন আছে। গুগল কি তার সার্ভারে আমার পিডিএফ ফাইলের একটি অনুলিপি সঞ্চয় করবে? আমার সামগ্রীর গোপনীয়তা সংরক্ষণ করা হবে?
এইচডি।

@ নিশ্চিতভাবে জানতে অ্যালেক্স, চেষ্টা করুন ... আমি চেষ্টা করব -: //docs.google.com/gview? Url =: //path.com/to/your/pdf.pdf&e এমবেড=true হিসাবে iframe src
ব্র্যাডেনকিথ

আইফ্রেমের এসসিআর পিডিএফ-তে সরাসরি সেট করার জন্য @ উইলের সমাধান থেকে এটি কীভাবে আলাদা / ভাল? আমি এটি গ্রহণ করি যে সরাসরি লিঙ্কিংটি পিডিএফ প্রদর্শনের জন্য সফ্টওয়্যার ক্লায়েন্টের পক্ষের উপর নির্ভর করবে, তবে গুগল ডক্সও কি তা করবে না?
ফলিক্স গাগনন-গ্রেনিয়ার

4
@এইচডি HD. হ্যাঁ, গুগল তার এমবেডড ডিসপ্লেটির মাধ্যমে পিডিএফটি কেবল প্রদর্শন করে। আমি মনে করি না যে তারা একটি অনুলিপি রেখেছিল, যদিও তাদের এটি পৃষ্ঠা প্রদর্শন দ্বারা পৃষ্ঠায় অনুবাদ করতে হবে, তাই এক পর্যায়ে আমি প্রত্যাশা করব যে তারা পিএনজিকে একটি পৃষ্ঠায় পৃষ্ঠা ভিত্তিতে রূপান্তর করবে। এই উত্তরটি যে কেউ ব্যবহার করছেন তার জন্য দয়া করে নোট করুন যে গুগলের নন-গুগল ডকুমেন্ট ডকুমেন্টগুলির জন্য ব্যান্ডউইথ সীমা রয়েছে। ক্লান্ত হয়ে গেলে, পিডিএফ প্রদর্শিত হয় না, কেবলমাত্র একটি বার্তা যে ব্যান্ডউইথ অতিক্রম করেছে এবং পরে আবার চেষ্টা করতে হবে।
জন

37

ইফ্রেমে ব্যবহার করার পরিবর্তে এবং তৃতীয় পক্ষের উপর নির্ভর করে ফ্লেক্সপ্যাপার, বা পিডিএফ.জেএস ব্যবহার সম্পর্কে ধারণা ink

আমি পিডিএফ.জেএস ব্যবহার করেছি , এটি আমার পক্ষে ভাল কাজ করে। এখানে ডেমো রয়েছে


4
কীভাবে এটি তৃতীয় পক্ষ নয়?
অ্যালেক্স

41
এটি তৃতীয় পক্ষের পরিষেবার পরিবর্তে তৃতীয় পক্ষের কোড।
কলিন অ্যান্ডারসন

ভিপিএন পরিবেশের জন্য আবেদনের জন্য আরও ভাল সমাধান।
এরালান

19

অবজেক্ট ট্যাগ ব্যবহার করে preffered

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' 
        type='application/pdf' 
        width='100%' 
        height='700px'>

নোট করুন যে আপনি দয়া করে যে কোনও মানের প্রস্থ এবং উচ্চতা পরিবর্তন করতে পারেন http://www.w3schools.com/tags/tag_object.asp


আপনার পোস্টের মতো উত্তরটি আর কোনও অন্তর্দৃষ্টি দেয় না।
ড্যানিয়েল ডব্লিউ। ক্রম্পটন

4
প্রশ্নটি ছিল আমি কীভাবে একটি .html পৃষ্ঠায় কোনও ওয়েব ব্রাউজারের মধ্যে একটি পিডিএফ প্রদর্শন করতে পারি? এইচটিএমএল 5 অবজেক্ট ট্যাগ ব্যবহার করা সাহায্য করবে ... <অবজেক্ট প্রস্থ = "400" উচ্চতা = "400" ডেটা = "হেলোরিল্ড.এসডাব্লুফ"> </ বি> << মাল্টিমিডিয়া এম্বেড করতে এই উপাদানটি ব্যবহার করুন (অডিও, ভিডিও, জাভা অ্যাপলেটস, আপনার ওয়েব পৃষ্ঠাগুলিতে অ্যাক্টিভএক্স, পিডিএফ এবং ফ্ল্যাশ)।
বাকারি শেগেমেব

আপনি সম্পূর্ণরূপে সঠিক, তবে ডাব্লু 3 স্কুলগুলির লিঙ্কটি আপনি যেমন লিখেছেন ঠিক তেমন উত্তরটির পরিপূরক করতে আরও কোনও তথ্য দেয় না।
ড্যানিয়েল ডব্লিউ। ক্রম্পটন

আপনার ব্রাউজারে কোনও পিডিএফ ভিউয়ার না থাকলে এটি কাজ করবে না
উমির হামিদ

4
হ্যাঁ এটা সত্য। অবজেক্ট ট্যাগ সম্পর্কে একটি ভাল জিনিস এটি এটি সনাক্ত করতে পারে। এবং এটি আপনাকে জিডিড্রাইভ, অনড্রাইভ এবং ইত্যাদির মাধ্যমে পৃষ্ঠাটি দেখার জন্য আরও বিকল্পগুলি রাখার অনুমতি দেয় <অবজেক্ট ডেটা = ' উদাহরণ .com/path.pdf#toolbar=1 টাইপ =' অ্যাপ্লিকেশন / পিডিএফ 'প্রস্থ =' 100% 'উচ্চতা =' 700px '> <p> এটি প্রদর্শিত হয় যে আপনার ওয়েব ব্রাউজার পিডিএফ ফাইলগুলি প্রদর্শনের জন্য কনফিগার করা হয়নি। কোনও উদ্বেগের দরকার নেই, কেবল <a href=' উদাহরণ.com/path.pdf'> পিডিএফ ফাইল ডাউনলোড করতে এখানে ক্লিক করুন < / </a> বা <a href = " drive.google.com [ drive ড্রাইভ] / দেখুন? ইউএসপি = ভাগ করা "> দেখার জন্য এখানে ক্লিক করুন </a> </p> </
ob>>

19

সহজ উপায় হ'ল একটি আইফ্রেম তৈরি করা এবং পিডিএফের URL টি উত্স সেট করা।

(হাঁস পাগল এইচটিএমএল ডিজাইনার) এটি নিজেই হয়ে গেছে, সূক্ষ্ম কাজ করে, ক্রস ব্রাউজার (বাঙ্কারে ক্রল করে)।


8
IE- এ পিডিএফ প্লাগইন ইনস্টল না থাকলে কাজ করে না
কলিন অ্যান্ডারসন

4
এটা কীভাবে প্রকট? "ক্রস ব্রাউজার" এ একটি দরকারী সংযোজন মনে হয়।
শোদেব

4
অন্যান্য 3 য় পক্ষের চেয়ে এটি সেট আপ করা এত সহজ ছিল। আমি জানি না এটি ২০১১ সালে কীভাবে সম্পাদিত হয়েছিল তবে ২০১ 2016 সালে এটি খুব দ্রুত এবং দরকারী বৈশিষ্ট্যে পূর্ণ। এছাড়াও ক্রোম, মুক্তিযোদ্ধা এবং ইন্টারনেট জুড়ে কাজ মহান বলে মনে হয়
কুচি কুচি করে কাঁটা বাঁধাকপি

4
এটি অ্যান্ড্রয়েড ফোনে ক্রোমে আমার পক্ষে কাজ করে না: এটি পিডিএফ ডাউনলোড করে এটি আলাদা অ্যাপে খোলে (যদি আপনার কাছে থাকে)। এবং আমি আইওএসের সাফারিতে অন্য পৃষ্ঠাগুলিতে স্ক্রোল করতে পারি না। আমি শুধু পিডিএফ এর প্রথম পৃষ্ঠাটি দেখতে পাচ্ছি।
ভাসিলি জাভেরেভ

7

ব্রাউজারের প্লাগইন সেই সেটিংস নিয়ন্ত্রণ করে, তাই আপনি এটিকে জোর করতে পারবেন না। যাইহোক, আপনি <a href="whatver.pdf">পরিবর্তে একটি সাধারণ করতে পারেন <a href="whatever.pdf" target="_blank">


অবশেষে কে জানে যে তারা এই উত্তরের জন্য কী বিষয়ে কথা বলছে। এটি সেরা উত্তর এবং সহজতম। @jschorr একেবারে সঠিক। ব্রাউজারটি এই সেটিংটি নিয়ন্ত্রণ করে। সবচেয়ে দক্ষ !!
Val,

4

যতক্ষণ আপনি পিডিএফ হোস্ট করেন ততক্ষণ লক্ষ্য বৈশিষ্ট্যটিই যাওয়ার উপায়। অন্য কথায়, আপেক্ষিক ফাইলের জন্য, _ব্ল্যাঙ্ক মান সহ লক্ষ্য বৈশিষ্ট্যটি ব্যবহার করা ঠিক ঠিক কাজ করবে।

<e>
  <a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook"
     href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a>

পরম পাথ জন্য ইঞ্জিন যেতে হবে ইউ nified আর esource এল ocator এবং এটা তাদের খুলুন। সুতরাং, লক্ষ্য বৈশিষ্ট্য দমন।

<e>
  <a alt="StackExchange Handbook" title="StackExchange Handbook"
     href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a>

ব্রাউজারগুলি উভয় ক্ষেত্রেই একটি নির্ভরযোগ্য ভাল কাজ করবে।


এই সমাধানটি গ্রহণযোগ্য উত্তরের চেয়ে আমার পক্ষে ভালভাবে কাজ করেছে। এটিও লক্ষ করা উচিত যে আমি কিছু সংবেদনশীল তথ্য নিয়ে কাজ করি, সুতরাং আমার নথিগুলি প্রকাশ্যে না পাওয়া আমার পক্ষে গুরুত্বপূর্ণ।
ক্যাস্পার উইলকস


3

আপনি এই কোডটি ব্যবহার করতে পারেন:

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

অথবা গুগল ডক্স এম্বেডযোগ্য পিডিএফ ভিউয়ার ব্যবহার করুন:

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

1

আপনার এই সাধারণ গুগলডোক পদ্ধতিরও থাকতে পারে।

<a  style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a>

এটি আপনার প্রবাহকে বিকৃতি না করে ডকটি দেখার জন্য এটি একটি নতুন পৃষ্ঠা তৈরি করবে।


ধন্যবাদ এটি ধন্যবাদ। তবে ব্যবহারকারী যদি ইন্টারনেট সংযোগ ছাড়াই পিডিএফ দেখতে চান তবে তার কী হবে?
ব্যবহারকারী

আপনি jQuery লাইব্রেরি যেমন pdf.js github.com/mozilla/pdf.js ব্যবহার করতে পারেন .. ২. পিডিএফ-অবজেক্ট যা HTML ফাইলগুলিতে পিডিএফ এম্বেড করার জন্য একটি জাভাস্ক্রিপ্ট লাইব্রেরি দেখুন Check এটি ব্রাউজারের সামঞ্জস্যতা বেশ ভালভাবে পরিচালনা করে এবং সম্ভবত IE8 এ কাজ করবে।
Asuquo12

0

সহজ সমাধানটি হ'ল এটি একটি আইফ্রেমে রাখা এবং আশা করা যায় যে ব্যবহারকারীর কাছে এমন একটি প্লাগ-ইন রয়েছে যা এটি সমর্থন করে।

(আমি এটি করি না, অ্যাক্রোব্যাট প্লাগইনটি এমন একটি উত্স হগ এবং অস্থিরতার উত্স ছিল যা আমি এটি স্পর্শ করে এমন কোনও ব্রাউজার থেকে এটিকে সরাতে একটি পয়েন্ট দিয়েছি)।

জটিল, তবে আপেক্ষিক জনপ্রিয় সমাধান হ'ল এটি একটি ফ্ল্যাশ অ্যাপলেটে প্রদর্শন করা।


0

আমরা জেপিডাল (একটি জাভা গ্রন্থাগার) ব্যবহার করে সার্ভারে পিএনজি ফাইল হিসাবে পিডিএফ ফাইল পৃষ্ঠাগুলি রেন্ডার করি । এটি, কিছু জাভাস্ক্রিপ্টের সাথে মিলিত, আমাদের ভিজ্যুয়ালাইজেশন এবং নেভিগেশনের উপর উচ্চ নিয়ন্ত্রণ দেয়।


আমি মনে করি এটি দুর্দান্ত, তবে প্রচুর সংস্থান দরকার।
ইভিভান্স

কিন্তু ব্যবহারকারীরা পিএনজি থেকে পাঠ্য অনুলিপি / আটকানো যাবে না।
ভাসিলি জাভেরেভ

0

আমার সম্প্রতি একটি .pdf ডকুমেন্টের আরও মোবাইল-বান্ধব, প্রতিক্রিয়াশীল সংস্করণ সরবরাহ করার প্রয়োজন ছিল কারণ সংকীর্ণ ফোন স্ক্রিনগুলির ডান এবং বামে অনেকগুলি স্ক্রোলিংয়ের প্রয়োজন। কেবল উল্লম্ব স্ক্রোলিং করতে এবং অনুভূমিক স্ক্রোলিং এড়াতে, নিম্নলিখিত পদক্ষেপগুলি আমার জন্য কাজ করেছে:

  • Chrome ব্রাউজারে .pdf খুলুন
  • গুগল ডক্স সহ ওপেন ক্লিক করুন
  • ফাইল> ডাউনলোড> ওয়েব পৃষ্ঠাতে ক্লিক করুন
  • ডাউনলোড করা নথিতে এটি আনজিপ করতে ক্লিক করুন
  • ক্রোম ব্রাউজারে এটি খুলতে আনজিপড এইচটিএমএল ডকুমেন্টে ক্লিক করুন
  • Chrome ডিভাইস খুলতে fn F12 টিপুন
  • অনুলিপিটি (ডকুমেন্ট.ডোকমেন্টএলেটমেন্ট.উটার এইচটিএমএল.রেপস) (/ প্যাডিং: 72pt 72pt 72pt 72pt; /, '') .রেপস (/ মার্জিন-রাইট:। *? পিটি / জি, '')) কনসোলে প্রবেশ করুন এবং এন্টার টিপুন Enter ক্লিপবোর্ডে টুইট করা দস্তাবেজটি অনুলিপি করতে
  • একটি পাঠ্য সম্পাদক খুলুন (যেমন, নোটপ্যাড), বা আমার ক্ষেত্রে ভিএসকোড, পেস্ট করুন এবং একটি html এক্সটেনশান দিয়ে সংরক্ষণ করুন।

ফলাফলটি ভাল দেখাচ্ছে এবং ডেস্কটপ এবং মোবাইল উভয় পরিবেশেই ব্যবহারযোগ্য।



-4

আপনি কি একটি সাধারণ ইমগ ট্যাগ ব্যবহার করার চেষ্টা করেছেন?

<img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">

এটি কীভাবে সমর্থিত তা কি কেউ জানেন?
বার্ট ব্রুইনোগে

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.