जब कोई उपयोगकर्ता किसी वेब पेज में एक फ़ाइल का चयन करता है तो मैं सिर्फ फ़ाइल नाम निकालने में सक्षम होना चाहता हूं।
मैंने str.search फ़ंक्शन की कोशिश की, लेकिन ऐसा लगता है कि जब फ़ाइल का नाम कुछ इस तरह से विफल होता है: c: \ 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;
स्ट्रिंग को विभाजित करने के लिए ({filepath} / {filename}) और फ़ाइल नाम प्राप्त करें जिसे आप इस तरह से उपयोग कर सकते हैं:
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:
वृषणों को देखते हुए आप यहां अन्य प्रस्तावित विधियों की तुलना में इस कार्य को काफी मजबूती से देख सकते हैं।
\\ के बारे में newbies के लिए ध्यान दें: \ एक एस्केप चरित्र है, उदाहरण के लिए \ n का अर्थ है एक newline और \ ta टैब। \ N लिखने के लिए संभव बनाने के लिए, आपको वास्तव में \\ n टाइप करना होगा।
&& eOffset < nOffset)।
इनपुट : C:\path\Filename.ext
आउटपुट :Filename
HTML कोड में, फ़ाइल 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();