আমাদের সমস্যা হ'ল আইনী কারণে আমাদের অস্থায়ীভাবে হার্ড ডিস্কে একটি পিডিএফ সঞ্চয় করার অনুমতি নেই । এছাড়াও, ব্রাউজারে পূর্বরূপ হিসাবে পিডিএফ প্রদর্শন করার সময় পুরো পৃষ্ঠাটি পুনরায় লোড করা উচিত নয়।
প্রথমে আমরা পিডিএফ.জেএস চেষ্টা করেছি এটি ফায়ারফক্স এবং ক্রোমের দর্শনে বেস 64 নিয়ে কাজ করেছিল। তবে এটি আমাদের পিডিএফের জন্য অগ্রহণযোগ্যভাবে ধীর ছিল। আইই / এজ মোটেও কাজ করেনি।
অতএব আমরা এটি একটি এইচটিএমএল অবজেক্ট ট্যাগের বেস 64 স্ট্রিং দিয়ে চেষ্টা করেছি। এটি আবার আইই / এজের জন্য কাজ করে নি (সম্ভবত পিডিএফ.জেএসের মতো একই সমস্যা)। ক্রোম / ফায়ারফক্স / সাফারিতে আবার কোনও সমস্যা নেই। এজন্য আমরা একটি সংকর সমাধান বেছে নিয়েছি। আইই / এজ আমরা একটি আইফ্রেম এবং অন্যান্য সমস্ত ব্রাউজারের জন্য অবজেক্ট-ট্যাগ ব্যবহার করি।
আইফ্রেম সমাধান অবশ্যই ক্রোম এবং কো এর জন্য কাজ করবে। আমরা ক্রোমের জন্য এই সমাধানটি ব্যবহার না করার কারণটি হ'ল পিডিএফটি সঠিকভাবে প্রদর্শিত হলেও আপনি পূর্বরূপে "ডাউনলোড" ক্লিক করার সাথে সাথে ক্রোম সার্ভারের কাছে একটি নতুন অনুরোধ জানায় । প্রয়োজনীয় লুকানো-ক্ষেত্রের পিডিএফহেল্পার ট্রান্সফার ডেটা (পিডিএফ প্রজন্মের জন্য আমাদের ফর্ম ডেটা প্রেরণের জন্য) আর সেট করা নেই কারণ প্রদর্শিত হয়। এই বৈশিষ্ট্যটির জন্য / বাগ দেখুনপিডিএফ ডাউনলোড করার সময় ক্রোম দুটি অনুরোধ প্রেরণ করে (এবং এর মধ্যে একটি বাতিল করে) ।
এখন সমস্যা IE9 এবং IE10 শিশুরা রয়ে গেছে। এর জন্য আমরা একটি পূর্বরূপ সমাধান ছেড়ে দিয়েছিলাম এবং প্রিভিউ বোতামটি ব্যবহারকারীর কাছে ডাউনলোড হিসাবে পূর্বরূপের পরিবর্তে (পূর্বরূপের পরিবর্তে) ডকুমেন্টটি প্রেরণ করি। আমরা অনেক চেষ্টা করেছি কিন্তু আমরা যদি কোনও সমাধান খুঁজে পেলাম তবে ব্যবহারকারীর এই ক্ষুদ্র অংশের জন্য অতিরিক্ত প্রচেষ্টা চেষ্টা করা ভাল হত না। আপনি ডাউনলোডের জন্য আমাদের সমাধানটি এখানে পেতে পারেন: আইফ্রেমের সাথে রিফ্রেশ ছাড়াই পিডিএফ ডাউনলোড করুন ।
আমাদের জাভাস্ক্রিপ্ট:
var transferData = getFormAsJson()
if (isMicrosoftBrowser()) {
// Case IE / Edge (because doesn't recoginzie Pdf-Base64 use Iframe)
var form = document.getElementById('pdf-helper-form');
$("#pdfHelperTransferData").val(transferData);
form.target = "iframe-pdf-shower";
form.action = "serverSideFunctonWhichWritesPdfinResponse";
form.submit();
} else {
// Case non IE use Object tag instead of iframe
$.ajax({
url: "serverSideFunctonWhichRetrivesPdfAsBase64",
type: "post",
data: { downloadHelperTransferData: transferData },
success: function (result) {
$("#object-pdf-shower").attr("data", result);
}
})
}
আমাদের এইচটিএমএল:
<div id="pdf-helper-hidden-container" style="display:none">
<form id="pdf-helper-form" method="post">
<input type="hidden" name="pdfHelperTransferData" id="pdfHelperTransferData" />
</form>
</div>
<div id="pdf-wrapper" class="modal-content">
<iframe id="iframe-pdf-shower" name="iframe-pdf-shower"></iframe>
<object id="object-pdf-shower" type="application/pdf"></object>
</div>
আইই / এজ এর জন্য ব্রাউজারের ধরনটি পরীক্ষা করতে এখানে দেখুন: আমি কীভাবে জাভাস্ক্রিপ্ট ব্যবহার করে ইন্টারনেট এক্সপ্লোরার (আইই) এবং মাইক্রোসফ্ট এজ সনাক্ত করতে পারি? আমি আশা করি এই অনুসন্ধানগুলি অন্য কারও সময় সাশ্রয় করবে।