Afficher le texte fractionné du chemin s'il n'existe pas n'afficher rien

Question

Je dois afficher dynamiquement le nom et le chemin de division du chemin entré par un utilisateur. Pour cela, j'avais divisé le chemin entré par l'utilisateur et n'en saisissais qu'une partie. Par exemple si l'utilisation entre le chemin comme:

/content/mypath/myfolder/about/images/abc.jpg Ensuite, j'affiche des images/abc.jpg. Toutefois, disons que l'utilisateur entre seulement le nom et n'entre pas le chemin, au moins le nom & doit être affiché dans ce cas.

Mais une erreur se produit lorsque j'essaie de le faire.

Uncaught TypeError: Impossible de lire la propriété '0' de null

$(document).ready(function(){ 
 
    $('#getData').click(function(){ 
 
    var name = $('#name').val(); 
 
    var imgPath = $('#imgPath').val(); 
 
    var newPath = imgPath.match(/images\/.*$/i)[0]; 
 
    $('.container').append(
 
     $('<p>').text(name), 
 
     $('<p>').text(newPath, function(){ 
 
     return /^\/images/.test(newPath) ? src :$('#imgPath').val(); 
 
     }) 
 
    ); 
 
    //console.log(slicedPath); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
 
Name: <input type="text" id="name"> 
 
Image path: <input type="text" id="imgPath"> 
 
<div class="container"> 
 

 
</div> 
 
<button id="getData">Click</button>

Uncaught TypeError: Impossible de lire la propriété '0' de null

Answer 1

votre problème est dans cette ligne

var newPath = imgPath.match(/images\/.*$/i)[0]; 

vous essayez d'exécuter une correspondance avec une regex, puis sélectionnez le premier résultat, la position [0]. alors quand il n'y a pas de résultats, vous essayez d'obtenir la position [0] quand il n'y en a pas.

enlèverait juste que [0] à la fin de la ligne et cela fonctionnera

var newPath = imgPath.match(/images\/.*$/i);