comment supprimer c fakepath dans le navigateur webkit comme chrome, safari, opéra?

Comment faire pour supprimer c fakepath dans webkit navigateur comme chrome, safari, opera ?

dans IE Et Firefox c'est de montrer uniquement le nom de fichier , c'est OK

Mais dans Chrome, opera, safari. C'est montrer C:\fakepath\700.jpg

Comment puis-je supprimer C:\fakepath\ dans Chrome, opera, safari.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
<style type="text/css">
.inputWrapper {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-color: #DDF;
}
.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    /*This makes the button huge so that it can be clicked on*/
    font-size:50px;
}
.hidden {
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}
</style>

<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
$(function() {
    $(".inputWrapper").mousedown(function() {
        var button = $(this);
        button.addClass('clicked');
        setTimeout(function(){
            button.removeClass('clicked');
        },50);
    });

    $('input[type=file]').change(function() {
        var $this = $(this);
        $this.parent().find('span').text($this.val());
    });
});
});//]]>  
</script>
<div class="inputWrapper" id="inputWrapper" style="height: 56px; width: 128px;">
    <input class="fileInput hidden" type="file" name="file2"/>
    <span></span>
</div>

source d'informationauteur user3215821 | 2014-01-29

  1. 20

    Il suffit d'utiliser une expression régulière pour enlever tout ce qui est avant (et y compris) la dernière \.

     var path = "C:\\fakepath\\example.doc";
 var filename = path.replace(/^.*\\/, "");
 console.log(filename);

    Évidemment, vous obtiendrez path à partir de votre fichier d'entrée.

  2. 10

    Et vous obtiendrez le nom du premier fichier.

    document.getElementById("yourInputElement").files[0].name

    Si vous souhaitez obtenir de multiples noms de fichiers, vous devez effectuer une itération sur files.

  3. 0

    Quelque chose comme ce qui suit devrait vous aider: 

    <script type="text/javascript">
$(function() {
    $(".inputWrapper").mousedown(function() {
        var button = $(this);
        button.addClass('clicked');
        setTimeout(function(){
            button.removeClass('clicked');
        },50);
    });
    $('input[type=file]').on('change', function(e) {
        var filename = $(e.currentTarget).val().replace(/^.*\\/, "");
        $this.parent().find('span').text(filename);
    });
});
</script>
  4. -2

    En fait il ne fonctionne pas lorsque vous avez des sous-dossiers inclus dans votre chemin d'accès et le javascript ne peux pas faire quelque chose à votre système de fichiers

    voici donc un fichier reg qui va résoudre le problème

    <fakepath_fix.reg>

    ;code ci-dessous est pour pour intranet

    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\1]
    "160"=dword:00000000

    ;code ci-dessous est pour les sites de confiance

    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\2]
    "160"=dword:00000000

    ;code ci-dessous est pour internet

    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3]
    "160"=dword:00000000

    ;code ci-dessous est pour la zone d'accès restreint

    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\4]
    "160"=dword:00000000

  5. -3

    Utilisez Code Ci-Dessous : 

    <label for="file" class="input input-file"><div class="button"><input type="file" onchange="this.parentNode.nextSibling.value = this.value" name="uploadfiliron" class="uploadimg" data-gotfile='uploadimg-1'>Browse</div><input type="text" readonly class="uploadimg-1"></label>

    Et C'est un script

    <script>$('body').on('change','.uploadimg',function(e){
var filename = $(this).val().replace(/.*(\/|\\)/, '');
var getft = $(this).attr('data-gotfile');
console.log(getft+" "+filename);
if(filename=='')
    {
        $('.'+getft).val('No file chosen');
    }
    else
    {
        $('.'+getft).val('Your file name: '+filename);
    }});</script>