আমি এইচটিএমএল 5 তরঙ্গ চালানোর চেষ্টা করছি তবে আমি একটি ছোট সমস্যার মুখোমুখি হয়েছি। এইচটিএমএল 5 এর আগে আমরা ফ্ল্যাশ দিয়ে ফাইলের আকারটি যাচাই করতাম তবে এখন ওয়েব অ্যাপ্লিকেশনগুলিতে ফ্ল্যাশ ব্যবহার এড়াতে প্রবণতাটি রয়েছে। এইচটিএমএল 5 ব্যবহার করে ক্লায়েন্ট সাইডে ফাইলের আকার চেক করার কোনও উপায় আছে কি?
উত্তর:
এইটা কাজ করে. ইনপুট পরিবর্তন হওয়ার জন্য এটিকে ইভেন্ট শ্রোতার ভিতরে রাখুন।
if (typeof FileReader !== "undefined") {
var size = document.getElementById('myfile').files[0].size;
// check file size
}
গৃহীত উত্তরটি আসলে সঠিক, তবে আপনাকে এটিকে ইভেন্ট শ্রোতার সাথে আবদ্ধ করতে হবে যাতে ফাইল ইনপুট পরিবর্তিত হলে এটি আপডেট হয় update
document.getElementById('fileInput').onchange = function(){
var filesize = document.getElementById('fileInput').files[0].size;
console.log(filesize);
}
আপনি যদি jQuery লাইব্রেরি ব্যবহার করেন তবে নিম্নলিখিত কোডটি কার্যকর হতে পারে
$('#fileInput').on('change',function(){
if($(this).get(0).files.length > 0){ // only if a file is selected
var fileSize = $(this).get(0).files[0].size;
console.log(fileSize);
}
});
প্রদত্ত যে ফাইলসাইজের রূপান্তর যা কখনও মেট্রিক আপনার উপর নির্ভর করে।
.files: jsfiddle.net/edxvo4wa (আমি যখন নিজেকে সমাধানের সাথে নিয়ে আসছিলাম তখন আমি নিজেই এটি আবিষ্কার করেছি - আপনি যদি এটিতে পরিবর্তন করেন তবে এটি কাজ করে document.getElementById)।
এইচটিএমএল 5 ফি এপি ফাইলের আকার পরীক্ষা করতে সহায়তা করে।
ফাইল এপিআই সম্পর্কে আরও তথ্য পেতে এই নিবন্ধটি পড়ুন
http://www.html5rocks.com/en/tutorials/file/dndfiles/
<input type="file" id="fileInput" />
var size = document.getElementById("fileInput").files[0].size;
একইভাবে ফাইল এপিআই নাম এবং প্রকার দেয়।
ব্যক্তিগতভাবে, আমি এই ফর্ম্যাটটি বেছে নেব:
$('#inputFile').bind('change', function(e) {
var data = e.originalEvent.target.files[0];
// and then ...
console.log(data.size + "is my file's size");
// or something more useful ...
if(data.size < 500000) {
// what your < 500kb file will do
}
}
"এটি অর্জনের জন্য কোনও সহজ, ক্রস ব্রাউজার সমাধান নেই": ক্লায়েন্টের পক্ষে ফাইল আপলোডের আকার সনাক্ত করা হচ্ছে?