Cara mendapatkan path file di javascript

Menemukan nama file dari jalur filenya adalah tugas sederhana. Program perlu menemukan pembatas terakhir, dan mendapatkan semua yang terjadi setelahnya

Ada beberapa cara untuk mendapatkan nama file dari Path di JavaScript

Menggunakan substring() dan lastIndexOf()

Untuk mendapatkan nama file dari path, kita dapat menggunakan replace() dengan regex /^.*[\\\/]/ sebagai parameter pertama dan string kosong sebagai parameter kedua

Cuplikan ini akan mendapatkan nama file dari url. Nama file adalah bagian terakhir dari URL dari garis miring terakhir. Misalnya, jika URL-nya adalah http. // www. contoh. com/dir/file. html lalu file. html adalah nama filenya

Penjelasan

var url = window.location.pathname;

Ini mendeklarasikan variabel url dan menambahkan nama jalur saat ini sebagai nilainya

var filename = url.substring(url.lastIndexOf('/')+1);
alert(filename);

substring (metode) - ekstrak karakter dari awal (parameter). url adalah url stringObject. substring (mulai)

Dalam contoh berikut, jalur file menunjuk ke file di folder gambar yang terletak di root web

Dalam contoh berikut, jalur file menunjuk ke file di folder gambar yang terletak di folder saat ini

Dalam contoh berikut, jalur file menunjuk ke file di folder gambar yang terletak di folder satu tingkat di atas folder saat ini

Praktek terbaik

Ini adalah praktik terbaik untuk menggunakan jalur file relatif (jika memungkinkan)

Saat menggunakan jalur file relatif, halaman web Anda tidak akan terikat ke URL dasar Anda saat ini. Semua tautan akan berfungsi di komputer Anda sendiri (localhost) serta di domain publik Anda saat ini dan domain publik Anda di masa mendatang

Sebenarnya Anda bisa mendapatkannya dalam kondisi tertentu, tetapi memerlukan kontrol ActiveX, dan tidak akan berfungsi di 99. 99% keadaan

Anda tidak dapat menggunakannya untuk memulihkan file ke lokasi aslinya (karena Anda sama sekali tidak memiliki kendali atas tempat unduhan disimpan, atau bahkan jika disimpan) jadi dalam praktiknya itu tidak banyak berguna bagi Anda.

Tambahkan solusi Anda di sini

 B   I   U   S  small BIG code var  <   >   &  link [^] encode untab case indent outdent

Pratinjau 0

Anggota yang Ada

atau Bergabunglah dengan kami

Unduh, Pilih, Komentari, Publikasikan

Email ini sedang digunakan. Apakah Anda memerlukan kata sandi Anda?

Mohon saat menjawab pertanyaan

1. Baca pertanyaan dengan hati-hati
2. Pahami bahwa bahasa Inggris bukanlah bahasa utama semua orang, jadi toleran terhadap ejaan dan tata bahasa yang buruk
3. Jika pertanyaan diutarakan dengan buruk, mintalah klarifikasi, abaikan, atau edit pertanyaan dan perbaiki masalahnya. Penghinaan tidak diterima
4. Jangan beritahu seseorang untuk membaca manual. Kemungkinan mereka memiliki dan tidak mendapatkannya. Berikan jawaban atau lanjutkan ke pertanyaan berikutnya

Konten ini, bersama dengan kode sumber dan file terkait, dilisensikan di bawah The Code Project Open License (CPOL)

Diberi nama file yang juga berisi jalur file, tugasnya adalah mendapatkan nama file dari jalur lengkap. Ada beberapa metode untuk mengatasi masalah ini yang tercantum di bawah ini

JavaScript ganti () metode. Metode ini mencari string untuk nilai yang ditentukan, atau ekspresi reguler, dan mengembalikan string baru dengan nilai yang ditentukan yang diganti.  

Sintaksis

string.replace(searchVal, newvalue)

Parameter. Metode ini menerima dua parameter seperti yang disebutkan di atas dan dijelaskan di bawah ini

• searchVal. Parameter ini diperlukan. Ini menentukan nilai, atau ekspresi reguler, yang akan diganti dengan nilai baru
• nilai baru. Parameter ini diperlukan. Ini menentukan nilai yang akan diganti dengan nilai pencarian

Contoh. Contoh ini mendapatkan nama file dengan bantuan Regular Expression dengan menggunakan metode replace().  

html

<h1 style="color:green;">

________34___3_______0

string.split(separator, limit)

string.split(separator, limit)

<

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

<

array.pop()

array.pop()

array.pop()

________34___28_______2

string.split(separator, limit)

array.pop()

string.split(separator, limit)

<

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

string.split(separator, limit)

<h18>

________34__30_______1

________34__30_______3

________34__30_______5

style6style7

style8

________34__31_______0

=1

________34__31_______3

=4=5

________34__31_______7

string.split(separator, limit)

Keluaran

Bagaimana cara mendapatkan nama file dari jalur lengkap menggunakan JavaScript?

metode JavaScript split(). Metode ini digunakan untuk membagi string menjadi array substring, dan mengembalikan array baru.  

• Sintaksis

string.split(separator, limit)

Parameter. Metode ini menerima dua parameter seperti yang disebutkan di atas dan dijelaskan di bawah ini

• pemisah. Parameter ini opsional. Ini menentukan karakter, atau ekspresi reguler, yang akan digunakan untuk memisahkan string. Jika tidak digunakan, seluruh string akan dikembalikan (array dengan hanya satu item)
• membatasi. Parameter ini opsional. Ini menentukan bilangan bulat yang menentukan jumlah pemisahan, item di luar batas pemisahan akan dikeluarkan dari array

Metode JavaScript Array pop(). Metode ini menghapus elemen terakhir dari array, dan mengembalikan elemen yang dihapus.  

Sintaksis

array.pop()

Nilai pengembalian. Ini mengembalikan jenis apa pun, yang mewakili item array yang dihapus. Item ini bisa berupa string, angka, larik, boolean, atau jenis objek lainnya yang diperbolehkan dalam larik

Bagaimana cara mendapatkan jalur file saat ini di JavaScript?

Bagaimana cara memberikan jalur file dalam JavaScript?

Bagaimana cara menemukan jalur yang tepat dari suatu file?

Bagaimana cara mendapatkan jalur file dalam HTML?

Seseorang dapat menemukan jalur file dengan menggunakan dua atribut yang disebut src atau href. Atribut tersebut membantu kami melampirkan file atau sumber eksternal dengan dokumen HTML kami. .