Làm cách nào để giải quyết C: \ fakepath?

<input type="file" id="file-id" name="file_name" onchange="theimage();">

Đây là nút tải lên của tôi.

<input type="text" name="file_path" id="file-path">

Đây là trường văn bản nơi tôi phải hiển thị đường dẫn đầy đủ của tệp.

function theimage(){
 var filename = document.getElementById('file-id').value;
 document.getElementById('file-path').value = filename;
 alert(filename);
}

Đây là JavaScript giải quyết vấn đề của tôi. Nhưng trong giá trị cảnh báo mang lại cho tôi

C:\fakepath\test.csv 

và Mozilla cho tôi:

test.csv

Nhưng tôi muốn đường dẫn tập tin đầy đủ địa phương . Làm thế nào để giải quyết vấn đề này?

Nếu điều này là do vấn đề bảo mật của trình duyệt thì cách thay thế để làm điều này là gì?

Một số trình duyệt có tính năng bảo mật ngăn JavaScript biết đường dẫn đầy đủ cục bộ của tệp của bạn. Điều này có ý nghĩa - với tư cách là khách hàng, bạn không muốn máy chủ biết hệ thống tệp của máy cục bộ. Sẽ thật tuyệt nếu tất cả các trình duyệt đã làm điều này.

Sử dụng

document.getElementById("file-id").files[0].name; 

thay vì

document.getElementById('file-id').value

Tôi sử dụng đối tượng FileReader trong onchangesự kiện đầu vào cho loại tệp đầu vào của bạn! Ví dụ này sử dụng hàm readAsDataURL và vì lý do đó, bạn nên có một thẻ. Đối tượng FileReader cũng có readAsBinaryString để lấy dữ liệu nhị phân, sau này có thể được sử dụng để tạo cùng một tệp trên máy chủ của bạn

Thí dụ:

var input = document.getElementById("inputFile");
var fReader = new FileReader();
fReader.readAsDataURL(input.files[0]);
fReader.onloadend = function(event){
    var img = document.getElementById("yourImgTag");
    img.src = event.target.result;
}

Nếu bạn truy cập Internet Explorer, Công cụ, Tùy chọn Internet, Bảo mật, Tùy chỉnh, hãy tìm "Bao gồm đường dẫn thư mục cục bộ Khi tải tệp lên máy chủ" (đó là một cách khá đơn giản) và nhấp vào "Bật". Điều này sẽ làm việc

Tôi rất vui khi các trình duyệt quan tâm để cứu chúng tôi khỏi các tập lệnh xâm nhập và tương tự. Tôi không hài lòng với việc IE đưa thứ gì đó vào trình duyệt khiến cho việc sửa kiểu đơn giản trông giống như một cuộc tấn công hack!

Tôi đã sử dụng <span> để thể hiện đầu vào tệp để tôi có thể áp dụng kiểu dáng phù hợp cho <div> thay vì <input> (một lần nữa, vì IE). Bây giờ do IE này muốn hiển thị cho Người dùng một đường dẫn có giá trị được bảo đảm để bảo vệ họ và ở mức độ ít gây sợ hãi nhất (nếu không hoàn toàn khiến họ sợ hãi ?!) ... THÊM IE-CRAP!

Nhưng dù sao, nhờ những người đã đăng lời giải thích ở đây: IE Browser Security: Nối "fakepath" vào đường dẫn tệp trong đầu vào [type = "file"] , tôi đã kết hợp một trình sửa lỗi nhỏ trên ...

Đoạn mã dưới đây thực hiện hai điều - nó sửa một lỗi IE8 trong đó sự kiện onChange không kích hoạt cho đến khi trường tải lên onBlur và nó cập nhật một phần tử với filepath đã được làm sạch sẽ không khiến Người dùng sợ hãi.

// self-calling lambda to for jQuery shorthand "$" namespace
(function($){
    // document onReady wrapper
    $().ready(function(){
        // check for the nefarious IE
        if($.browser.msie) {
            // capture the file input fields
            var fileInput = $('input[type="file"]');
            // add presentational <span> tags "underneath" all file input fields for styling
            fileInput.after(
                $(document.createElement('span')).addClass('file-underlay')
            );
            // bind onClick to get the file-path and update the style <div>
            fileInput.click(function(){
                // need to capture $(this) because setTimeout() is on the
                // Window keyword 'this' changes context in it
                var fileContext = $(this);
                // capture the timer as well as set setTimeout()
                // we use setTimeout() because IE pauses timers when a file dialog opens
                // in this manner we give ourselves a "pseudo-onChange" handler
                var ieBugTimeout = setTimeout(function(){
                    // set vars
                    var filePath     = fileContext.val(),
                        fileUnderlay = fileContext.siblings('.file-underlay');
                    // check for IE's lovely security speil
                    if(filePath.match(/fakepath/)) {
                        // update the file-path text using case-insensitive regex
                        filePath = filePath.replace(/C:\\fakepath\\/i, '');
                    }
                    // update the text in the file-underlay <span>
                    fileUnderlay.text(filePath);
                    // clear the timer var
                    clearTimeout(ieBugTimeout);
                }, 10);
            });
        }
    });
})(jQuery);

Tôi đến cùng một vấn đề. Trong IE8, nó có thể được xử lý bằng cách tạo một đầu vào ẩn sau khi điều khiển đầu vào tệp. Việc điền vào giá trị này với giá trị của anh chị em trước đó. Trong IE9, điều này đã được sửa.

Lý do của tôi muốn biết đường dẫn đầy đủ là để tạo bản xem trước hình ảnh javascript trước khi tải lên. Bây giờ tôi phải tải lên tập tin để tạo một bản xem trước của hình ảnh được chọn.

Nếu bạn thực sự cần gửi đường dẫn đầy đủ của tệp được mã hóa, thì có lẽ bạn phải sử dụng một cái gì đó như một applet java đã ký vì không có cách nào để có được thông tin này nếu trình duyệt không gửi nó.

có vẻ như bạn không thể tìm thấy đường dẫn đầy đủ trong localhost của mình bằng js, nhưng bạn có thể ẩn fakepath để chỉ hiển thị tên tệp. Sử dụng jQuery để lấy tên tệp đã chọn của tệp nhập mà không có đường dẫn

Sử dụng trình đọc tệp:

$(document).ready(function() {
        $("#input-file").change(function() {
            var length = this.files.length;
            if (!length) {
                return false;
            }
            useImage(this);
        });
    });

    // Creating the function
    function useImage(img) {
        var file = img.files[0];
        var imagefile = file.type;
        var match = ["image/jpeg", "image/png", "image/jpg"];
        if (!((imagefile == match[0]) || (imagefile == match[1]) || (imagefile == match[2]))) {
            alert("Invalid File Extension");
        } else {
            var reader = new FileReader();
            reader.onload = imageIsLoaded;
            reader.readAsDataURL(img.files[0]);
        }

        function imageIsLoaded(e) {
            $('div.withBckImage').css({ 'background-image': "url(" + e.target.result + ")" });

        }
    }

Vì vậy, trong trường hợp của tôi, tôi đang sử dụng môi trường phát triển asp.net, vì vậy tôi muốn tải lên những dữ liệu đó trong yêu cầu không đồng bộ ajax, trong [webMethod] bạn không thể bắt được trình tải lên tệp vì nó không phải là phần tử tĩnh, vì vậy tôi phải tạo doanh thu cho giải pháp đó bằng cách sửa đường dẫn, hơn là chuyển đổi hình ảnh mong muốn thành byte để lưu nó trong DB.

Đây là chức năng javascript của tôi, hy vọng nó sẽ giúp bạn:

function FixPath(Path)
         {
             var HiddenPath = Path.toString();
             alert(HiddenPath.indexOf("FakePath"));

             if (HiddenPath.indexOf("FakePath") > 1)
             {
                 var UnwantedLength = HiddenPath.indexOf("FakePath") + 7;
                 MainStringLength = HiddenPath.length - UnwantedLength;
                 var thisArray =[];
                 var i = 0;
                 var FinalString= "";
                 while (i < MainStringLength)
                 {
                     thisArray[i] = HiddenPath[UnwantedLength + i + 1];
                     i++;
                 }
                 var j = 0;
                 while (j < MainStringLength-1)
                 {
                     if (thisArray[j] != ",")
                     {
                         FinalString += thisArray[j];
                     }
                     j++;
                 }
                 FinalString = "~" + FinalString;
                 alert(FinalString);
                 return FinalString;
             }
             else
             {
                 return HiddenPath;
             }
         }

ở đây chỉ để thử nghiệm:

 $(document).ready(function () {
             FixPath("hakounaMatata:/7ekmaTa3mahaLaziz/FakePath/EnsaLmadiLiYghiz");
         });
// this will give you : ~/EnsaLmadiLiYghiz

Bổ sung cho câu trả lời của Sardesh Sharma:

document.getElementById("file-id").files[0].path

Đối với con đường đầy đủ.