প্রথমে মাথায় ট্যাগগুলি যুক্ত করুন:
<script>
function showDialog(openFileDialog) {
document.getElementById(openFileDialog).click();
}
function fileName(openFileDialog) {
return document.getElementById(openFileDialog).value;
}
function hasFile(openFileDialog) {
return document.getElementById(openFileDialog).value != "";
}
function fileNameWithoutFakePath(openFileDialog) {
var fileName = document.getElementById(openFileDialog).value;
return fileName.substr(fileName.lastIndexOf('\\') + 1);
}
function fakePathWithoutFileName(openFileDialog) {
var fileName = document.getElementById(openFileDialog).value;
return fileName.substr(0, fileName.lastIndexOf('\\'));
}
</script>
আপনার যদি ইতিমধ্যে স্ক্রিপ্ট ট্যাগ থাকে তবে উপরে এই ফাংশনগুলি যুক্ত করুন।
আপনার দেহে বা ফর্ম ট্যাগগুলিতে যুক্ত:
<input type="file" style="display:none" id="yourDesiredOrFavoriteNameForTheNewOpenFileDialogInstance"/>
আপনার এইচটিএমএল যেখানেই আছে তা ঠিক নয় , আপনি বিশ্বব্যাপী ভেরিয়েবল হিসাবে ওপেনফাইলডায়ালগ শ্রেণীর একটি নতুন উদাহরণ তৈরি করেছেন , যার নাম উপাদানটির আইডি , আপনার কোড বা এক্সামল যেখানেই নয়, তবে আপনার স্ক্রিপ্ট বা কোডে , আপনি তার নামটি টাইপ করতে পারবেন না , এবং তারপরে কোনও সম্পত্তি পড়ুন বা কোনও ফাংশন কল করতে পারবেন না কারণ বৈশ্বিক ফাংশন রয়েছে যা এমনগুলি করে যা উপাদান ইনপুট টাইপ = "ফাইল" এ সংজ্ঞায়িত হয় না। আপনাকে কেবল এই ফাংশনগুলিকে লুকানো ইনপুট টাইপ = "ফাইল" এর আইডি দিতে হবে যা স্ট্রিং হিসাবে ওপেনফাইলডায়লগ উদাহরণটির নাম।
আপনার এইচটিএমএল-তে খোলা ফাইল সংলাপগুলির উদাহরণ তৈরিতে আপনার জীবনকে স্বাচ্ছন্দ্য করতে আপনি এমন একটি ফাংশন তৈরি করতে পারেন যা এটি করে:
function createAndAddNewOpenFileDialog(name) {
document.getElementById("yourBodyOrFormId").innerHtml += "<input type='file' style='display:none' id='" + name + "'/>"
}
এবং আপনি যদি ওপেন ফাইল ডায়লগটি মুছে ফেলতে চান তবে আপনি নীচের ফাংশনটি তৈরি এবং ব্যবহার করতে পারেন:
function removeOpenFileDialog(name) {
var html = document.getElementById("yourBodyOrFormId").innerHtml;
html = html.replace("<input type='file' style='display:none' id='" + name + "'/>", "");
document.getElementById("yourBodyOrFormId").innerHtml = html;
}
তবে আপনি ওপেন ফাইল ডায়লগ অপসারণের আগে, নিশ্চিত করুন যে এটি নিম্নলিখিত ফাংশনটি তৈরি করে এবং ব্যবহার করে বিদ্যমান রয়েছে:
function doesOpenFileDialogExist(name) {
return document.getElementById("yourBodyOrFormId").innerHtml.indexOf("<input type='file' style='display:none' id='" + name + "'/>") != -1
}
এবং যদি আপনি তৈরি এবং খোলা ফাইল ডায়ালগ যোগ করতে না চান শরীর বা ফর্ম HTML এ ট্যাগ, কারণ লুকানো ইনপুট টাইপ = "ফাইল" যোগ করা হয় এস, তাহলে আপনি এটি লিপিতে উপরের ফাংশন তৈরি ব্যবহার করতে পারি না :
function yourBodyOrFormId_onload() {
createAndAddNewOpenFileDialog("openFileDialog1");
createAndAddNewOpenFileDialog("openFileDialog2");
createAndAddNewOpenFileDialog("openFileDialog3");
createAndAddNewOpenFileDialog("File Upload");
createAndAddNewOpenFileDialog("Image Upload");
createAndAddNewOpenFileDialog("bla");
//etc and rest of your code
}
আপনার শরীরের কাছাকাছি বা ট্যাগগুলি ফর্ম করে তা নিশ্চিত করুন:
onload="yourBodyOrFormId_onload()"
আপনি যদি ইতিমধ্যে এটি করে থাকেন তবে আপনাকে উপরের এই লাইনটি করতে হবে না।
টিপ: আপনি আপনার প্রকল্প বা ওয়েবসাইটের নতুন জেএসক্রিপ্ট ফাইলটিতে যুক্ত করতে পারেন, যদি আপনার কাছে এখনও না থাকে এবং এই ফাইলটিতে আপনি সমস্ত উন্মুক্ত ফাইল ডায়ালগ ফাংশনগুলি স্ক্রিপ্ট ট্যাগ এবং এইচটিএমএল বা ওয়েব ফর্ম পৃষ্ঠা থেকে দূরে রাখতে পারেন এবং ব্যবহার করতে পারেন এগুলি আপনার জেএসক্রিপ্ট ফাইল থেকে এইচটিএমএল বা ওয়েব ফর্ম পৃষ্ঠায় রয়েছে তবে এইচটিএমএল বা ওয়েব ফর্ম পৃষ্ঠাটি অবশ্যই JScript ফাইলের সাথে লিঙ্ক করার আগে ভুলবেন না before আপনি কেবল জেএসক্রিপ্ট ফাইলটি আপনার এইচটিএমএল পৃষ্ঠায় মাথার মধ্যে টেনে এনে এটি করতে পারেনট্যাগ. যদি আপনার পৃষ্ঠাটি ওয়েব ফর্ম এবং সাধারণ এইচটিএমএল নয়, এবং আপনার মাথার ট্যাগ নেই, তবে এটি যে কোনও জায়গায় রেখে দিন যাতে এটি কাজ করতে পারে। সেই জেএসক্রিপ্ট ফাইলটিতে গ্লোবাল ভেরিয়েবল সংজ্ঞা দিতে ভুলবেন না, যার মান আপনার শরীর হবে বা স্ট্রিং হিসাবে আইডি ফর্ম হবে। আপনি জেএসক্রিপ্ট ফাইলটি আপনার এইচটিএমএল বা ওয়েব ফর্ম পৃষ্ঠায় লিঙ্ক করার পরে, আপনি নিজের ফর্মের বোলের ইভেন্টটি চালিয়ে নিতে পারেন, সেই পরিবর্তনকের মানটি আপনার দেহ বা ফর্ম আইডিতে সেট করতে পারেন। তারপরে জেএসক্রিপ্ট ফাইলটিতে আপনাকে নথিকে আর কোনও পৃষ্ঠার বডি বা ফর্মের আইডি দিতে হবে না, কেবলমাত্র সেই পরিবর্তনশীলটির মান দিন। আপনি সেই পরিবর্তনশীল বডিআইডি বা ফর্মআইডি বা বডিঅরফর্মআইড বা অন্য যে কোনও নামটি কল করতে পারেন।
শুভকামনা মানুষ!