How to get image name from image URl using javascript

Question

I need to display image name in a text field. I got the image url but I am not able to get the image name.

function onSavedDocURISuccesss(imageURI) {
    storeFileURI = imageURI;
    WL.Logger.info("storeFileURI  " + storeFileURI + "  showURIId   "
            + showURIId + "    "
            + storeFileURI.substr(storeFileURI.lastIndexOf('/')))
    if (storeFileURI == null || storeFileURI == undefined)
        storeFileURI = "unsupported file"

    $("#" + showURIId).val(storeFileURI)
}

Please share your complete code in JSFiddle or Full StackOverflow code demo. — Sayed Rafeeq
– Sayed Rafeeq, Commented Jun 26, 2016 at 8:06

Roxoradev · Accepted Answer · 2016-06-26 10:18:56Z

2

You can create a substring of the full path like this:

var fp = "path/to/img.jpg"
$(function(){
  $("#result").text(fp.substring(fp.lastIndexOf("/")+1,fp.length));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p id="result"></p>

answered Jun 26, 2016 at 10:18

Roxoradev

9034 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David Bradshaw · Accepted Answer · 2016-06-26 08:12:23Z

0

Maybe something like this using split and then taking the last value.

function onSavedDocURISuccesss(imageURI) {
  storeFileURI = imageURI.split('/');
  $("#" + showURIId).val(storeFileURI[storeFileURI.length-1]);
 }

answered Jun 26, 2016 at 8:12

David Bradshaw

13.2k3 gold badges45 silver badges76 bronze badges

Comments

Muhammad Atif Akram · Accepted Answer · 2021-11-03 13:46:15Z

0

const image_uri = 'https://stackoverflow.com/images/sample.png'
const image_name = image_uri.split('/').pop()
/* alternative method 
 const image_name = image_uri.split('/').reverse()[0]
*/

console.log(image_name)

answered Nov 3, 2021 at 13:46

Muhammad Atif Akram

1,3351 gold badge6 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to get image name from image URl using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related