Cara mengatur jalur file lokal di javascript

Bahkan jika Node. js adalah semacam server web, bekerja dengan sistem file lokal agak tidak bisa dihindari. Sementara Node. js memang menyediakan akses sistem file tingkat rendah (lihat Node. js fs), abstraksi selalu membantu, terutama ketika berhadapan dengan jalur absolut

Node jalur file. modul js adalah utilitas yang sangat membantu untuk akses sederhana ke jalur file. Anda hanya membutuhkan sebuah paket. json dengan modul ini sebagai dependensi, perintah "npm install", dan kemudian Anda aktif dan berjalan. Artikel ini memberikan pengantar cepat untuk beberapa metode yang paling umum

Contoh #1A

1

2

3

4

5

6

7

8

// dapatkan referensi ke modul filepath

var FP = perlu('filepath');

//dapatkan referensi ke struktur folder yang mengarah ke file saat ini, setel ke variabel path

var jalur = FP. Jalur baru();

//keluarkan variabel path

konsol. log(jalur);

Contoh #1B

1

[Anda LOKAL PATH KE]/JavaScript/node-js/filepath

Dalam Contoh # 1, pertama-tama kita membuat variabel FP, yang mereferensikan modul filepath. Kemudian kita membuat variabel path, yang menyimpan nilai kembalian dari metode newPath objek FP. Dan terakhir, kami menampilkan jalur di konsol. Contoh #1B menunjukkan output terminal saat kita menggunakan console. log untuk melihat variabel jalur. Jalur ini akan bervariasi untuk setiap pengguna jadi saya cukup meletakkan "[JALUR LOKAL ANDA KE]" untuk struktur folder yang mengarah ke file itu di repo github yang Anda kloning (lihat "Cara Demo" di bawah)

Cara Demo

1. Klon repo github ini. https. //github. com/kevinchisholm/video-kode-contoh
2. Navigasi ke. JavaScript/node-js/filepath
3. Jalankan perintah berikut di prompt terminal. node filepath-1. js

Contoh #2

1

2

3

4

5

6

7

8

9

// dapatkan referensi ke modul filepath

var FP = perlu('filepath');

//dapatkan referensi ke struktur folder yang mengarah ke file saat ini, setel ke variabel path

var jalur = FP. Jalur baru();

var file = jalur. daftar();

konsol. dir(file);

Contoh # 2 menunjukkan metode daftar. Satu-satunya perbedaan nyata antara kode ini dan Contoh # 1, adalah variabel baru "file", yang menerima nilai dari metode daftar, saat dipanggil pada variabel jalur kami. Variabel files berakhir sebagai array. Setiap elemen dalam array adalah objek yang properti "path"-nya berupa string yang menunjuk ke file di direktori saat ini

Cara Demo

1. Klon repo github ini. https. //github. com/kevinchisholm/video-kode-contoh
2. Navigasi ke. JavaScript/node-js/filepath
3. Jalankan perintah berikut di prompt terminal. simpul filepath-2. js

Contoh #3A

1

2

3

4

5

6

// dapatkan referensi ke modul filepath

var FP = perlu('filepath');

FP. newPath(__dirname). rekursi(fungsi (jalur) {

konsol. dir(jalur);

})

Contoh #3B

1

2

3

4

5

6

7

[

{ jalur. '[JALUR LOKAL ANDA KE]/video-code-examples/JavaScript/node-js/filepath/filepath-1. js' },

{ jalur. '[JALUR LOKAL ANDA KE]/video-code-examples/JavaScript/node-js/filepath/filepath-2. js' },

{ jalur. '[JALUR LOKAL ANDA KE]/video-code-examples/JavaScript/node-js/filepath/filepath-3. js' },

{ jalur. '[JALUR LOKAL ANDA KE]/video-code-examples/JavaScript/node-js/filepath/node_modules' },

{ jalur. '[JALUR LOKAL ANDA KE]/video-code-examples/JavaScript/node-js/filepath/package. json' }

]

Contoh #3C

1

2

3

4

5

6

7

// dapatkan referensi ke modul filepath

var FP = perlu('filepath');

FP. newPath(__dirname). rekursi(fungsi (jalur) {

//menghibur. dir(jalur);

konsol. log(jalur. toString());

})

Contoh #3D

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/filepath-1.js

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/filepath-2.js

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/filepath-3.js

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/.npmignore

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/LICENSE

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/README.md

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/index.js

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/node_modules

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/node_modules/iou

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/node_modules/iou/.npmignore

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/node_modules/iou/LICENSE

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/node_modules/iou/README.md

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/node_modules/iou/index.js

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/node_modules/iou/package.json

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/node_modules/filepath/package.json

[Anda LOKAL PATH KE]/video-code-examples/JavaScript/node-js/filepath/package.json

Dalam Contoh # 3A, kita melihat metode recurse beraksi. Seperti namanya, metode recurse akan secara rekursif mencantumkan semua file di direktori saat ini. Akibatnya, jika salah satu file tersebut adalah folder, maka itu akan mencantumkan semua file di folder itu, dan seterusnya. Metode ini berbeda dari dua contoh sebelumnya karena membutuhkan callback. Panggilan baliknya agak mirip dengan panggilan forEach; . Di dalam callback, variabel jalur adalah jalur saat ini yang sedang diulangi

Contoh #3C merupakan output dari kode pada Contoh #3A

Dalam Contoh # 3C, kita menggunakan metode toString() dari objek path sehingga alih-alih sekumpulan objek yang perlu kita tangani, kita hanya mendapatkan nilai yang kita cari;

Contoh #3D adalah keluaran dari kode pada Contoh #3C

Cara Demo

1. Klon repo github ini. https. //github. com/kevinchisholm/video-kode-contoh
2. Navigasi ke. JavaScript/node-js/filepath
3. Jalankan perintah berikut di prompt terminal. node filepath-3. js

Ringkasan

Node jalur file. modul js memiliki lebih banyak untuk ditawarkan daripada yang ditunjukkan di sini. Mudah-mudahan, artikel ini telah menunjukkan betapa mudahnya memulai dengan filepath

Bisakah JavaScript mengakses file lokal?

Bagaimana cara mendapatkan jalur gambar lokal di JavaScript?

div = $('

'); img = $('', { 'src': URL. createObjectURL(this. files[0]) }).

Bagaimana cara mendapatkan jalur file lokal di JavaScript?

Jika Anda ingin mendapatkan path absolut dari sebuah file, Anda dapat memilih metode jQuery attr() . Selain itu, di halaman web file seperti gambar, pdf, docs ditampilkan dengan memberikan jalurnya ke atribut src dari suatu elemen.

Bagaimana cara menentukan jalur file dalam JavaScript?

Menentukan jalur .

Gunakan metode toString untuk mendapatkan nama file atau folder sebagai string yang berisi nama jalur absolut dalam notasi URI

Gunakan properti fsName untuk mendapatkan nama file khusus platform