যখন কোনও ব্যবহারকারী কোনও ওয়েব পৃষ্ঠায় একটি ফাইল নির্বাচন করেন আমি কেবল ফাইলের নামটি বের করতে সক্ষম হতে চাই।
আমি str.search ফাংশন চেষ্টা করেছিলাম কিন্তু ফাইলের নামটি যখন এরকম কিছু হয় তখন এটি ব্যর্থ হয় বলে মনে হয়: c: s uploads \ ilike.this.file.jpg ।
আমরা কীভাবে এক্সটেনশন ছাড়াই কেবল ফাইলের নাম বের করতে পারি?
উত্তর:
আপনার <ইনপুট টাইপ = "ফাইল"> আপলোডের একটি আইডি রয়েছে বলে ধরে নিলে আশা করা উচিত এই কৌশলটি করা উচিত:
var fullPath = document.getElementById('upload').value;
if (fullPath) {
var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
var filename = fullPath.substring(startIndex);
if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
filename = filename.substring(1);
}
alert(filename);
}
filename = filename.substring(0, filename.lastIndexOf('.'));কারণ তার পথটি 3 টিরও বেশি অক্ষরের এক্সটেনশনের সাথে ব্যর্থ হবে, এইভাবে: .html, .jpeg ইত্যাদি
var startIndex = Math.max(fullPath.lastIndexOf('\\'), fullPath.lastIndexOf('/')) + 1;
স্ট্রিংকে বিভক্ত করতে ({ফাইলপথ} / {ফাইলের নাম}) এবং ফাইলের নাম পেতে আপনি এই জাতীয় কিছু ব্যবহার করতে পারেন:
str.split(/(\\|\/)/g).pop()"পপ পদ্ধতিটি অ্যারের থেকে শেষ উপাদানটি সরিয়ে দেয় এবং সেই মানটিকে কলারের কাছে ফিরিয়ে দেয়" "
মজিলা বিকাশকারী নেটওয়ার্ক
উদাহরণ:
থেকে: "/home/user/file.txt".split(/(\\|\/)/g).pop()
তুমি পাও: "file.txt"
var filename = filepath.replace(/^.*?([^\\\/]*)$/, '$1');
[\\/]। তদতিরিক্ত, এটি ফাইল এক্সটেনশানটিও সরিয়ে নেওয়ার জন্য বলা হয়েছিল। সম্পূর্ণ সমাধান জন্য, দেখুন: stackoverflow.com/a/32156800/19163
আজকাল একটি খুব সহজ উপায় আছে:
var fileInput = document.getElementById('upload');
var filename = fileInput.files[0].name;
fileInput.files.lengthকল করার আগে চেক করুন .name, ব্যবহারকারী যদি বাতিল ক্লিক করেন।
var pieces = str.split('\\');
var filename = pieces[pieces.length-1];
আমি ধরে নিই যে আপনি সমস্ত এক্সটেনশানগুলি অর্থাত্ /tmp/test/somefile.tar.gzচাইলে ফেলাতে চান somefile।
রেজেক্সের সাথে সরাসরি যোগাযোগ:
var filename = filepath.match(/^.*?([^\\/.]*)[^\\/]*$/)[1];রেজেক্স এবং অ্যারে অপারেশন সহ বিকল্প পদ্ধতি:
var filename = filepath.split(/[\\/]/g).pop().split('.')[0];আমি এটির নিজের সংস্করণটি তৈরি করেছি। আমার ফাংশনটি এটি থেকে যা খুশি তা নিষ্কাশন করতে ব্যবহার করা যেতে পারে, যদি আপনার এগুলির সবগুলির প্রয়োজন না হয় তবে আপনি সহজেই কিছু কোড সরিয়ে ফেলতে পারেন।
<html>
<body>
<script type="text/javascript">
// Useful function to separate path name and extension from full path string
function pathToFile(str)
{
var nOffset = Math.max(0, Math.max(str.lastIndexOf('\\'), str.lastIndexOf('/')));
var eOffset = str.lastIndexOf('.');
if(eOffset < 0 && eOffset < nOffset)
{
eOffset = str.length;
}
return {isDirectory: eOffset === str.length, // Optionally: && nOffset+1 === str.length if trailing slash means dir, and otherwise always file
path: str.substring(0, nOffset),
name: str.substring(nOffset > 0 ? nOffset + 1 : nOffset, eOffset),
extension: str.substring(eOffset > 0 ? eOffset + 1 : eOffset, str.length)};
}
// Testing the function
var testcases = [
"C:\\blabla\\blaeobuaeu\\testcase1.jpeg",
"/tmp/blabla/testcase2.png",
"testcase3.htm",
"C:\\Testcase4", "/dir.with.dots/fileWithoutDots",
"/dir.with.dots/another.dir/"
];
for(var i=0;i<testcases.length;i++)
{
var file = pathToFile(testcases[i]);
document.write("- " + (file.isDirectory ? "Directory" : "File") + " with name '" + file.name + "' has extension: '" + file.extension + "' is in directory: '" + file.path + "'<br />");
}
</script>
</body>
</html>নিম্নলিখিত ফলাফল আউটপুট হবে:
এর সাথে && nOffset+1 === str.lengthযুক্ত হয়েছে isDirectory:
টেস্টকেসগুলি দেওয়া আপনি দেখতে পাবেন যে এখানে অন্যান্য প্রস্তাবিত পদ্ধতির তুলনায় এই ফাংশনটি বেশ দৃ .়তার সাথে কাজ করে।
B: about সম্পর্কে নবাবিদের জন্য দ্রষ্টব্য হ'ল একটি পালানোর চরিত্র, উদাহরণস্বরূপ \ n এর অর্থ একটি নতুন লাইন এবং \ টা ট্যাব। Write n লিখতে এটি সম্ভব করার জন্য, আপনাকে অবশ্যই type n টাইপ করতে হবে।
&& eOffset < nOffset)।
ইনপুট : C:\path\Filename.ext
আউটপুট :Filename
এইচটিএমএল কোডে ফাইলের onChangeমানটি সেট করুন ...
<input type="file" name="formdata" id="formdata" onchange="setfilename(this.value)"/>আপনার পাঠ্য ক্ষেত্রের আইডিটি 'wpName' হিসাবে ধরে নেওয়া হচ্ছে ...
<input type="text" name="wpName" id="wpName">জাভাস্ক্রিপ্ট
<script>
function setfilename(val)
{
filename = val.split('\\').pop().split('/').pop();
filename = filename.substring(0, filename.lastIndexOf('.'));
document.getElementById('wpName').value = filename;
}
</script>উচ্চ আপত্তিকর উত্তরগুলির মধ্যে দুটিই আসলে "এক্সটেনশন ছাড়াই কেবলমাত্র ফাইলের নাম" সরবরাহ করে না এবং অন্যান্য সমাধানগুলি এ জাতীয় সরল কাজের জন্য খুব বেশি কোড নয়।
আমি মনে করি এটি যে কোনও জাভাস্ক্রিপ্ট প্রোগ্রামারকে এক-লাইনার হওয়া উচিত। এটি একটি খুব সাধারণ নিয়মিত প্রকাশ:
function basename(prevname) {
return prevname.replace(/^(.*[/\\])?/, '').replace(/(\.[^.]*)$/, '');
}প্রথমত, উপস্থিত থাকলে শেষ স্ল্যাশ পর্যন্ত যেকোনো কিছু ফেলা করুন।
তারপরে, উপস্থিত থাকলে শেষ সময়কালের পরে যে কোনও কিছু সরিয়ে ফেলুন।
এটি সহজ, এটি শক্তিশালী, এটি যা চাওয়া হয়েছে ঠিক তা প্রয়োগ করে। আমি কিছু অনুপস্থিত করছি?
// HTML
<input type="file" onchange="getFileName(this)">
// JS
function getFileName(input) {
console.log(input.files[0].name) // With extension
console.log(input.files[0].name.replace(/\.[^/.]+$/, '')) // Without extension
}উপরের কোনও উত্তর আমার পক্ষে কাজ করেনি, এখানে আমার সমাধান যা ফাইলের নাম সহ একটি অক্ষম ইনপুট আপডেট করে:
<script type="text/javascript">
document.getElementById('img_name').onchange = function () {
var filePath = this.value;
if (filePath) {
var fileName = filePath.replace(/^.*?([^\\\/]*)$/, '$1');
document.getElementById('img_name_input').value = fileName;
}
};
</script>আপনি যদি jQuery ব্যবহার করছেন
$("#fileupload").val();