Javascript 获取图像源
我有下一个字符串,如:Javascript 获取图像源,javascript,regex,Javascript,Regex,我有下一个字符串,如: <img src="../uplolad/commission/ranks/avatar.jpg' . $row[$c_name] .'" width="50" height="50"/> 如何在javascript中获取图像文件名?我只知道PHP正则表达式。文件的扩展名可以不同 结果必须是:avatar.jpg正则表达式对此并不理想。JavaScript可以作为不同的对象比作为长字符串更容易地遍历HTML。如果您可以通过任何方式识别图片,例如向图片添加
<img src="../uplolad/commission/ranks/avatar.jpg' . $row[$c_name] .'" width="50" height="50"/>
如何在javascript中获取图像文件名?我只知道PHP正则表达式。文件的扩展名可以不同
结果必须是:
avatar.jpg
正则表达式对此并不理想。JavaScript可以作为不同的对象比作为长字符串更容易地遍历HTML。如果您可以通过任何方式识别图片,例如向图片添加ID,或将ID作为唯一图像添加到父级,则您可以从脚本访问该图像:
var myImage = document.getElementById('imgAvatar'); // or whatever means of access
var src = myImage.src; // will contain the full path
if(src.indexOf('/') >= 0) {
src = src.substring(src.lastIndexOf('/')+1);
}
alert(src);
如果你想编辑,你也可以这样做
myImage.src = src.replace('.jpg', '.gif');
获取它下面的编码,这可以帮助你想得到什么
<script type="text/javascript">
function getImageName(imagePath) {
var objImage = new RegExp(/([^\/\\]+)$/);
var getImgName = objImage.exec(imagePath);
if (getImgName == null) {
return null;
}
else {
return getImgName[0];
}
}
</script>
<script>
var mystring = getImageName("http://www.mypapge.mm/myimage.png")
alert(mystring)
</script>
函数getImageName(imagePath){
var objImage=newregexp(/([^\/\\]+)$/);
var getImgName=objImage.exec(imagePath);
if(getImgName==null){
返回null;
}
否则{
返回getImgName[0];
}
}
var mystring=getImageName(“http://www.mypapge.mm/myimage.png")
警报(mystring)
这里有一个使用正则表达式的较短变体:
var myImage = document.getElementById('imgAvatar'); // or whatever means of access
alert(myImage.src.replace( /^.+\// , '' ));