In this article, I will show you how to get the name of image using jQuery. We can get the Image using jQuery id selector, then using slash(‘\’) and split into array(s). If you want to get image name with extension take the last column from array list. Further, you can also get rid of the extension from the image.
JS Code:
<script type="text/javascript">
$(document).ready(function () {
function GetImage() {
var src =$('#my-origin-image').attr('src'); //"images/banner/Penguins.jpg"
var arr = src.split('/'); //["images","banner","Penguins.jpg"]
var file = tarr[tarr.length - 1]; //Penguins.jpg
var Name = file.split('.')[0]; // "Penguins"
// Code here
}
}); </script>
Post your comments / questions
Recent Article
- How to check PAN-Aadhaar is Linked or NOT?
- How to customize pagination for django admin?
- How to fix HAXM is not installed |in Android Studio
- How to fix CMOS Checksum Error in Computer or Laptop | SOLVED
- Reactivating windows after a Hardware change on PC or Laptop
- FIXED: Windows reported that the hardware of your device has changed. Error code :0xc004F211
- "redirect" is not defined pylance("reportUndefinedVariable)
- This action cannot be completed because the file is open in SQL Server(SQLEXPRESS) - FIXED
Related Article