Come ottenere il percorso completo del file selezionato al cambio di <input type = 'file'> usando javascript, jquery-ajax?

Come ottenere il percorso completo del file durante la selezione del file utilizzando <input type=‘file’>

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

ma il filePath var contiene il only namefile selezionato, non il file full path.
L'ho cercato su Internet, ma sembra che per motivi di sicurezza i browser (FF, Chrome) diano semplicemente il nome del file.
C'è un altro modo per ottenere il percorso completo del file selezionato?

Per motivi di sicurezza i browser non lo consentono, ovvero JavaScript nel browser non ha accesso al file system, tuttavia utilizzando l'API file HTML5, solo Firefox fornisce una mozFullPathproprietà, ma se si tenta di ottenere il valore restituisce una stringa vuota:

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

http://jsfiddle.net/SCK5A/

Quindi non perdere tempo.

modifica: se è necessario il percorso del file per leggere un file, è possibile utilizzare invece l'API FileReader . Ecco una domanda correlata su SO: Anteprima di un'immagine prima che venga caricata.

Prova questo:

Ti darà un percorso temporaneo, non il percorso preciso, puoi usare questo script se vuoi mostrare le immagini selezionate come in questo esempio jsfiddle (Provalo selezionando le immagini e altri file): -

JSFIDDLE

Ecco il codice: -

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>");
});

Non è esattamente quello che stavi cercando, ma potrebbe essere che può aiutarti da qualche parte.

Non è possibile farlo - il browser non lo consentirà a causa di problemi di sicurezza.

Quando si seleziona un file utilizzando l'oggetto type = file, il valore della proprietà value dipende dal valore dell'impostazione di sicurezza "Includi percorso directory locale durante il caricamento di file su un server" per l'area di sicurezza utilizzata per visualizzare la pagina Web contenente l'oggetto di input.

Il nome file completo del file selezionato viene restituito solo quando questa impostazione è abilitata. Quando l'impostazione è disabilitata, Internet Explorer 8 sostituisce l'unità locale e il percorso della directory con la stringa C: \ fakepath \ per impedire la divulgazione inappropriata delle informazioni.

E altro

Hai perso );questo alla fine della funzione di modifica degli eventi.

Inoltre, non creare la funzione per l'evento change, ma semplicemente usarlo come di seguito,

<script type="text/javascript">

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

</script>

Non puoi. La sicurezza ti impedisce di sapere qualcosa sul sistema di archiviazione del computer client: potrebbe anche non averne uno! Potrebbe essere un MAC, un PC, un tablet o un frigorifero abilitato a Internet - non lo sai, non puoi saperlo e non lo saprai. E lasciarti avere il percorso completo potrebbe darti alcune informazioni sul client, in particolare se si tratta di un'unità di rete, ad esempio.

In effetti è possibile ottenerlo in condizioni particolari, ma richiede un controllo ActiveX e non funzionerà nel 99,99% delle circostanze.

Non è possibile utilizzarlo per ripristinare il file nella posizione originale comunque (poiché non si ha assolutamente alcun controllo su dove sono archiviati i download o anche se sono memorizzati), quindi in pratica non è comunque molto utile.

Intendevi questo?

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

È possibile utilizzare il seguente codice per ottenere un URL locale funzionante per il file caricato:

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

Una nota interessante: sebbene questo non sia disponibile sul Web, se stai usando JS in Electron, puoi farlo.

Utilizzando l'input di file HTML5 standard, riceverai una pathproprietà aggiuntiva sui file selezionati, contenente il percorso del file reale.

Documenti completi qui: https://github.com/electron/electron/blob/master/docs/api/file-object.md

Puoi, se caricare un'intera cartella è un'opzione per te

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

L'evento change conterrà:

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

non dovresti mai farlo ... e penso che provarlo negli ultimi browser sia inutile (da quello che so) ... tutti gli ultimi browser d'altra parte, non lo permetteranno ...

alcuni altri collegamenti che è possibile passare, per trovare una soluzione alternativa come ottenere il valore lato server, ma non nel lato client (javascript)

Percorso completo dall'input di file usando jQuery
Come ottenere il percorso del file dal modulo di input HTML in Firefox 3

L'elemento file ha e l'array lo chiama filescontiene tutto il necessario

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);

È possibile ottenere il percorso completo del file selezionato da caricare solo da IE11 e MS Edge.

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