JSFiddle - React, Tailwind, and code Playground

by ouadie

HTML

<input type="text" name="filename" class="filename" size="100" value="http://image" />
<input type="text" name="filename" class="filename" size="100" value="http://image" />

<a href="#" >  Change names </a>

JavaScript

function test(){
$(".filename").each(function() {
          var url = $(this).val();
          var pattern  = /([\w\d_-]*)\.?[^\\\/]*$/i
          filename = url.match(pattern)[1];
          $(this).val(filename);
    });
}
$('a').click(function(e){
e.preventDefault();
    test();
});