Khi người dùng chọn một tệp trong trang web, tôi muốn chỉ có thể trích xuất tên tệp.
Tôi đã thử hàm str.search nhưng có vẻ như không thành công khi tên tệp giống như thế này: c: \ uploads \ ilike.this.file.jpg .
Làm thế nào chúng tôi có thể giải nén chỉ tên tệp mà không có phần mở rộng?
Câu trả lời:
Giả sử <input type = "file"> của bạn có id tải lên, điều này hy vọng sẽ thực hiện được mẹo:
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('.'));Bởi vì cách của anh ấy sẽ không thành công với phần mở rộng có nhiều ký tự hơn 3, do đó: .html, .jpeg, v.v.
var startIndex = Math.max(fullPath.lastIndexOf('\\'), fullPath.lastIndexOf('/')) + 1;
Để tách chuỗi ({filepath} / {filename}) và lấy tên tệp, bạn có thể sử dụng một cái gì đó như sau:
str.split(/(\\|\/)/g).pop()"Phương thức pop xóa phần tử cuối cùng khỏi một mảng và trả về giá trị đó cho trình gọi."
Mạng nhà phát triển Mozilla
Thí dụ:
từ: "/home/user/file.txt".split(/(\\|\/)/g).pop()
bạn lấy: "file.txt"
var filename = filepath.replace(/^.*?([^\\\/]*)$/, '$1');
[\\/]. Hơn nữa, nó cũng được yêu cầu loại bỏ phần mở rộng tệp. Để có giải pháp hoàn chỉnh, hãy xem: stackoverflow.com/a/32156800/19163
Ngày nay có một cách đơn giản hơn nhiều:
var fileInput = document.getElementById('upload');
var filename = fileInput.files[0].name;fileInput.files.lengthtrước khi gọi .name, phòng trường hợp người dùng bấm hủy.
var pieces = str.split('\\');
var filename = pieces[pieces.length-1];Tôi giả sử bạn muốn loại bỏ tất cả các phần mở rộng, tức là /tmp/test/somefile.tar.gzđến somefile.
Cách tiếp cận trực tiếp với regex:
var filename = filepath.match(/^.*?([^\\/.]*)[^\\/]*$/)[1];Cách tiếp cận thay thế với hoạt động regex và mảng:
var filename = filepath.split(/[\\/]/g).pop().split('.')[0];Tôi chỉ tạo phiên bản của riêng tôi về điều này. Hàm của tôi có thể được sử dụng để trích xuất bất cứ thứ gì bạn muốn từ nó, nếu bạn không cần tất cả, thì bạn có thể dễ dàng xóa một số mã.
<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>Sẽ xuất như sau:
Với && nOffset+1 === str.lengthđược thêm vào isDirectory:
Với các tủ thử, bạn có thể thấy chức năng này hoạt động khá mạnh mẽ so với các phương pháp được đề xuất khác ở đây.
Lưu ý cho người mới về \\: \ là một ký tự thoát, ví dụ \ n có nghĩa là một dòng mới và tab \ ta. Để có thể viết \ n, bạn phải thực sự nhập \\ n.
&& eOffset < nOffset).
Đầu vào : C:\path\Filename.ext
Đầu ra :Filename
Trong mã HTML, hãy đặt onChangegiá trị Tệp như thế này ...
<input type="file" name="formdata" id="formdata" onchange="setfilename(this.value)"/>Giả sử id trường văn bản của bạn là 'wpName' ...
<input type="text" name="wpName" id="wpName">JavaScript
<script>
function setfilename(val)
{
filename = val.split('\\').pop().split('/').pop();
filename = filename.substring(0, filename.lastIndexOf('.'));
document.getElementById('wpName').value = filename;
}
</script>Không có câu trả lời nào trong số các câu trả lời được ủng hộ cao thực sự cung cấp "chỉ tên tệp mà không có phần mở rộng" và các giải pháp khác là quá nhiều mã cho một công việc đơn giản như vậy.
Tôi nghĩ rằng đây nên là một phần mềm cho bất kỳ lập trình viên JavaScript nào. Đó là một biểu thức chính quy rất đơn giản:
function basename(prevname) {
return prevname.replace(/^(.*[/\\])?/, '').replace(/(\.[^.]*)$/, '');
}Đầu tiên, tước bất cứ thứ gì cho đến dấu gạch chéo cuối cùng, nếu có.
Sau đó, loại bỏ bất cứ thứ gì sau kỳ kinh cuối cùng, nếu có.
Nó đơn giản, nó mạnh mẽ, nó thực hiện chính xác những gì được yêu cầu. Tui bỏ lỡ điều gì vậy?
// 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
}Không có câu trả lời nào ở trên phù hợp với tôi, đây là giải pháp của tôi giúp cập nhật đầu vào bị vô hiệu hóa với tên tệp:
<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>Nếu bạn đang sử dụng jQuery thì
$("#fileupload").val();