Làm cách nào để có được đường dẫn đầy đủ của tệp đã chọn khi thay đổi <input type = 'file'> bằng cách sử dụng javascript, jquery-ajax?

Cách nhận đường dẫn đầy đủ của tệp trong khi chọn tệp bằng cách sử dụng <input type=‘file’>

<input type="file" id="fileUpload">
<script type="text/javascript">
function getFilePath(){
     $('input[type=file]').change(function () {
         var filePath=$('#fileUpload').val(); 
     });
}
</script>

nhưng var filePath chứa only nametệp đã chọn, không phải tệp full path.
Tôi đã tìm kiếm nó trên mạng, nhưng có vẻ như vì lý do bảo mật, các trình duyệt (FF, chrome) chỉ đưa ra tên của tệp.
Có cách nào khác để có được đường dẫn đầy đủ của tập tin đã chọn không?

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 một thuộc mozFullPathtính, nhưng nếu bạn cố lấy giá trị thì nó sẽ trả về một chuỗi trống:

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

http://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ế. Đây là một câu hỏi liên quan trên SO: Xem trước một hình ảnh trước khi nó được tải lên.

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 được chọn như trong ví dụ jsfiddle này (Hãy thử bằng cách chọn hình ảnh cũng như các tệp khác): -

NHANH CHÓNG

Đây là mã: -

HTML: -

<input type="file" id="i_file" value=""> 
<input type="button" id="i_submit" value="Submit">
<br>
<img src="" width="200" style="display:none;" />
<br>
<div id="disp_tmp_path"></div>

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) --> <strong>["+tmppath+"]</strong>");
});

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 đó.

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.

Khi một tệp được chọn bằng cách sử dụng kiểu nhập = đối tượng tệp, giá trị của thuộc tính giá trị phụ thuộc vào giá trị của cài đặt bảo mật "Bao gồm đường dẫn thư mục cục bộ khi tải tệp lên máy chủ" 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 tiết lộ thông tin không phù hợp.

Và khác

Bạn đã bỏ lỡ );điều này ở cuối chức năng sự kiện thay đổi.

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

<script type="text/javascript">

    $(function()
    {
        $('#fileUpload').on('change',function ()
        {
            var filePath = $(this).val();
            console.log(filePath);
        });
    });

</script>

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 lưu trữ của máy khách - nó thậm chí có thể không có! Đó có thể là MAC, PC, Tablet hoặc tủ lạnh hỗ trợ internet - bạn không biết, không thể biết và sẽ 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.

Trong thực tế, bạn có thể có được nó trong các điều kiện cụ thể, nhưng nó yêu cầu điều khiển ActiveX và sẽ không hoạt động trong 99,99% trường hợp.

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 được lưu trữ hoặc ngay cả khi chúng được lưu trữ) vì vậy trong thực tế, nó không được sử dụng nhiều cho bạn.

Ý bạn là sao?

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

Bạn có thể sử dụng mã sau đây để nhận URL cục bộ hoạt động cho tệp được tải lên:

<script type="text/javascript">    
    var path = (window.URL || window.webkitURL).createObjectURL(file);
    console.log('path', path);
</script>

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 một thuộc tính bổ sung pathtrên các tệp đã chọn, chứa đường dẫn tệp thực.

Tài liệu đầy đủ tại đây: https://github.com/electron/electron/blob/master/docs/api/file-object.md

Bạn có thể, nếu tải lên toàn bộ thư mục là một tùy chọn cho bạn

<input type="file" webkitdirectory directory multiple/>

sự kiện thay đổi sẽ chứa:

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

bạn không bao giờ nên làm như vậy ... và tôi nghĩ rằng việc thử nó trong các trình duyệt mới nhất là vô ích (từ những gì tôi biết) ... mặt khác, tất cả các trình duyệt mới nhất sẽ không cho phép điều này ...

Một số liên kết khác mà bạn có thể đi qua, để tìm một cách giải quyết như lấy giá trị máy chủ, nhưng không phải trong máy khách (javascript)

Đường dẫn đầy đủ từ đầu vào tệp bằng jQuery
Cách lấy đường dẫn tệp từ biểu mẫu nhập HTML trong Firefox 3

phần tử tệp có và mảng gọi filesnó chứa tất cả những thứ cần thiết bạn cần

var file = document.getElementById("upload");

file.addEventListener("change", function() {
    for (var i = 0; i < file.files.length; i++) {
        console.log(file.files[i].name);
    }
}, false);

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

var fullPath = Request.Form.Files["myFile"].FileName;