Hướng dẫn how can i get full path of uploaded file in html using jquery? - Làm cách nào để có được đường dẫn đầy đủ của tệp đã tải lên trong html bằng jquery?

311

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Cách nhận toàn bộ đường dẫn tệp trong khi chọn tệp bằng cách sử dụng

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

3

Nhưng filepath var chứa

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

4 của tệp đã chọn, không phải

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

5. Tôi đã tìm kiếm nó trên mạng, nhưng dường như vì lý do bảo mật, các trình duyệt (FF, Chrome) chỉ cần đặt tên của tệp. Có cách nào khác để có được đường dẫn đầy đủ của tệp đã chọn không?
I searched it on net, but it seems that for security reasons browsers (FF,chrome) just give name of file.
Is there any other way to get full path of selected file?

Đã hỏi ngày 4 tháng 3 năm 2013 lúc 11:59Mar 4, 2013 at 11:59

Yogesh pingleyogesh pingleYogesh Pingle

3,4353 huy hiệu vàng15 Huy hiệu bạc16 Huy hiệu đồng3 gold badges15 silver badges16 bronze badges

5

Vì lý do bảo mật, các trình duyệt không cho phép điều này, tức là JavaScript trong trình duyệt không có quyền truy cập vào hệ thống tệp, tuy nhiên sử dụng API tệp HTML5, chỉ Firefox cung cấp thuộc tính

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

6, nhưng nếu bạn cố gắng lấy giá trị, nó sẽ trả về một chuỗi trống:

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

https://jsfiddle.net/SCK5A/

Vì vậy, đừng lãng phí thời gian của bạn.

Chỉnh sửa: Nếu bạn cần đường dẫn của tệp để đọc tệp, bạn có thể sử dụng API Filereader thay thế. Dưới đây là một câu hỏi liên quan về SO: Xem trước một hình ảnh trước khi nó được tải lên.Preview an image before it is uploaded.

Syscall

18.3k10 Huy hiệu vàng33 Huy hiệu bạc49 Huy hiệu đồng10 gold badges33 silver badges49 bronze badges

Đã trả lời ngày 4 tháng 3 năm 2013 lúc 12:09Mar 4, 2013 at 12:09

RamramRam

Phù bằng vàng 142K1616 gold badges164 silver badges193 bronze badges

9

Thử cái này:

Nó sẽ cung cấp cho bạn một đường dẫn tạm thời không phải là đường dẫn chính xác, bạn có thể sử dụng tập lệnh này nếu bạn muốn hiển thị các hình ảnh đã chọn như trong ví dụ jsfiddle này (hãy thử bằng hình ảnh chọn lọc cũng như các tệp khác):-

JSfiddle

Đây là mã:-

HTML:-

JS:-

$('#i_file').change( function(event) {
    var tmppath = URL.createObjectURL(event.target.files[0]);
    $("img").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0]));
    
    $("#disp_tmp_path").html("Temporary Path(Copy it and try pasting it in browser address bar) --> ["+tmppath+"]");
});

Nó không chính xác những gì bạn đang tìm kiếm, nhưng có thể nó có thể giúp bạn ở đâu đó.

Syscall

18.3k10 Huy hiệu vàng33 Huy hiệu bạc49 Huy hiệu đồng10 gold badges33 silver badges49 bronze badges

Đã trả lời ngày 4 tháng 3 năm 2013 lúc 12:09Jul 18, 2014 at 6:07

RamramDWX

Phù bằng vàng 142K161 gold badge13 silver badges15 bronze badges

6

Thử cái này:

Nó sẽ cung cấp cho bạn một đường dẫn tạm thời không phải là đường dẫn chính xác, bạn có thể sử dụng tập lệnh này nếu bạn muốn hiển thị các hình ảnh đã chọn như trong ví dụ jsfiddle này (hãy thử bằng hình ảnh chọn lọc cũng như các tệp khác):-

JSfiddle

Đây là mã:-

Nó không chính xác những gì bạn đang tìm kiếm, nhưng có thể nó có thể giúp bạn ở đâu đó.

Đã trả lời ngày 18 tháng 7 năm 2014 lúc 6:07

DWXDWXMar 4, 2013 at 12:05

2.2321 Huy hiệu vàng13 Huy hiệu bạc15 Huy hiệu đồngDipesh Parmar

Bạn không thể làm như vậy - trình duyệt sẽ không cho phép điều này vì những lo ngại về bảo mật.7 gold badges59 silver badges89 bronze badges

3

Khi một tệp được chọn bằng cách sử dụng đối tượng Tệp loại đầu vào, giá trị của thuộc tính giá trị phụ thuộc vào giá trị của "bao gồm đường dẫn thư mục cục bộ khi tải tệp lên máy chủ" Cài đặt bảo mật cho vùng bảo mật được sử dụng để hiển thị trang web chứa đối tượng đầu vào.

Tên tệp đủ điều kiện của tệp đã chọn chỉ được trả về khi cài đặt này được bật. Khi cài đặt bị tắt, Internet Explorer 8 thay thế đường dẫn thư mục và ổ đĩa cục bộ bằng chuỗi C: \ FakePath \ để ngăn chặn việc tiết lộ thông tin không phù hợp.

Và khác

Bạn đã bỏ lỡ

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

7 Điều này ở cuối chức năng sự kiện thay đổi.Nov 22, 2013 at 5:47

Ngoài ra, không tạo chức năng cho sự kiện thay đổi thay vì chỉ sử dụng nó như dưới đây,Rajshekar Reddy

Đã trả lời ngày 4 tháng 3 năm 2013 lúc 12:053 gold badges38 silver badges59 bronze badges

Dipesh Parmardipesh Parmar

26.8K7 Huy hiệu vàng59 Huy hiệu bạc89 Huy hiệu đồngMar 30, 2016 at 14:26

Bạn không thể. Bảo mật ngăn bạn biết bất cứ điều gì về hệ thống nộp đơn của máy khách - nó thậm chí có thể không có một! Nó có thể là máy Mac, PC, máy tính bảng hoặc tủ lạnh được bật Internet - bạn không biết, không thể biết và không biết. Và cho phép bạn có đường dẫn đầy đủ có thể cung cấp cho bạn một số thông tin về máy khách - đặc biệt nếu đó là ổ đĩa mạng chẳng hạn.Steffen Brem

Trong thực tế, bạn có thể nhận được nó trong các điều kiện cụ thể, nhưng nó đòi hỏi phải kiểm soát ActiveX và sẽ không hoạt động trong 99,99% hoàn cảnh.18 silver badges28 bronze badges

Bạn không thể sử dụng nó để khôi phục tệp về vị trí ban đầu (vì bạn hoàn toàn không kiểm soát được nơi tải xuống hoặc ngay cả khi chúng được lưu trữ) vì vậy trong thực tế, nó không có nhiều cách sử dụng cho bạn.

$('#i_file').change( function(event) {
var tmppath = URL.createObjectURL(event.target.files[0]);
    $("img").fadeIn("fast").attr('src',tmppath);       
});

Đã trả lời ngày 22 tháng 11 năm 2013 lúc 5:47

Rajshekar Reddyrajshekar Reddy10 gold badges44 silver badges61 bronze badges

18.3k3 Huy hiệu vàng38 Huy hiệu bạc59 Huy hiệu ĐồngNov 23, 2014 at 19:10

Bạn có thể sử dụng mã sau để lấy URL cục bộ hoạt động cho tệp đã tải lên:Aytac Gul

Đã trả lời ngày 30 tháng 3 năm 2016 lúc 14:261 silver badge2 bronze badges

1

Steffen Bremsteffen Brem

1.72018 Huy hiệu bạc28 Huy hiệu đồng

Ý bạn là điều này?

DoğukanNov 18, 2019 at 14:23

19.1k10 Huy hiệu vàng44 Huy hiệu bạc61 Huy hiệu ĐồngTim Perry

Đã trả lời ngày 23 tháng 11 năm 2014 lúc 19:101 gold badge50 silver badges79 bronze badges

Aytac Gulaytac Gul

1851 Huy hiệu bạc2 Huy hiệu đồng

.target.files[...].webkitRelativePath: "FOLDER/FILE.ext"

Một lưu ý thú vị: Mặc dù điều này không có sẵn trên web, nhưng nếu bạn đang sử dụng JS trong electron thì bạn có thể làm điều này.

Sử dụng đầu vào tệp HTML5 tiêu chuẩn, bạn sẽ nhận được thêm thuộc tính

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

8 trên các tệp đã chọn, chứa đường dẫn tệp thực.Mar 4, 2017 at 9:31

phil294phil294phil294

Tài liệu đầy đủ ở đây: https://github.com/electron/electron/blob/master/docs/api/file-object.md8 gold badges62 silver badges91 bronze badges

Đã trả lời ngày 18 tháng 11 năm 2019 lúc 14:23

const path = (window.URL || window.webkitURL).createObjectURL(file);

Tim Perrytim Perry

Đã trả lời ngày 20 tháng 10 lúc 7:25Oct 20 at 7:25

phần tử tệp có và mảng cuộc gọi

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

9 Nó chứa tất cả những thứ cần thiết bạn cần

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

0

Đã trả lời ngày 13 tháng 12 năm 2017 lúc 7:56Dec 13, 2017 at 7:56

Jeeva Kumarjeeva KumarJeeva Kumar

3332 Huy hiệu bạc8 Huy hiệu Đồng2 silver badges8 bronze badges

1

Bạn có thể nhận được đường dẫn đầy đủ của tệp đã chọn để chỉ tải lên bởi IE11 và MS Edge.

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

1

Đã trả lời ngày 1 tháng 4 năm 2019 lúc 11:03Apr 1, 2019 at 11:03

Majid Shahabfarmajid ShahabfarMajid Shahabfar

3.0291 Huy hiệu vàng27 Huy hiệu bạc34 Huy hiệu đồng1 gold badge27 silver badges34 bronze badges

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

2

Đây là hình thức chính xác.

Đã trả lời ngày 1 tháng 8 năm 2021 lúc 13:57Aug 1, 2021 at 13:57

Alexie01Alexie01Alexie01

711 Huy hiệu bạc7 Huy hiệu đồng1 silver badge7 bronze badges

2

Làm cách nào để có được đường dẫn tệp trong HTML?

Làm thế nào để tôi có được con đường ban đầu thay vì FakePath?

Làm cách nào để có được đường dẫn tuyệt đối của một tệp bằng JavaScript?

Làm cách nào để có được đường dẫn đầy đủ của một tệp được tải lên trong Python?