字符串中怎么提取图片文件名
发布于 9 年前 作者 iluspan 4700 次浏览 最后一次编辑是 8 年前 来自 问答

我有个需求那就是要在所有字符串中提取出xx.png或者通过拼接(“icon_+xxx+_+xxxx…+_png)的png资源

26 回复

用正则匹配出图片文件名

@idreamshen 怎么用?不会写正则,可以举个例子吗?

不会正则就用js的split方法,可以把字符串截取为数组,实际上这个用split更好,正则用来匹配和截取其中的一两个特别的字符串像id,username这些比较有用,另外你要帮写正则就给个匹配的实例,你的那个什么"XXX+XXX+XXX+XXX"这种就用splite就行了

但是中间的参数怎么写这才是关键,感觉没有思路

@wenshiqi0 可以提供下怎么截取吗?

@iluspan <pre> <code> var str = “aaa+bbb+ccc+ddd”; var array = str.split("+"); console.log(array[0]) //aaa console.log(array[1]) //bbb console.log(array[2]) //ccc console.log(array[3]) //ddd </code> </pre> 更复杂的就需要正则了 正则只要我要看出模式才行,这个什么.png在什么位置,前面大概是什么字符,你的描述太模糊,怎么给写正则

@wenshiqi0 但是分割后怎么判断他就是png命名的一部分呢?这又是个问题啊!

@iluspan 完全不懂你是要干嘛 能不能描述清楚

就是这样子的,我有个需求,就是读取本地的所有png资源,然后在再跟使用过的png资源匹配,如果是使用过的,就将其输出再删除。

@wenshiqi0 就是这样子的,我有个需求,就是读取本地的所有png资源,然后在再跟使用过的png资源匹配,如果是使用过的,就将其输出再删除。

@iluspan 使用过的png和没有使用的有什么区别

@wenshiqi0 然后我的思路就是第一步先去除本地的所有png资源并将其存在一个数组中,再读取目录中的所有文件把其所有的资源都读出来,然后在逐个读出png资源并将其存在另一个数组,最后两个数组再做匹配如果发现两个数组是有相同的png的话就将其输出并删除。

@wenshiqi0 比如我读到的文本内容中有<string>gui/common/profile_back.png</string> 那么profile_back.png就是使用过的

那就用正则了 ^[a-zA-Z0-9\.\/\\\-\:]/([a-zA-Z0-9\_]*).png$ 这个可以把你的文件名提取出来,在后面加一个.png就好了

@wenshiqi0 还有一种形式就是以字符串拼接形式出现。如this.ui(“iconSpr”).startLoad1(“icon_skill_”+this.model.getValue(“cId”)+"“+“icon_skill_”+d[“idx”]+”png"); 这样子的形式,我要做是把icon_skill+这样子的子字符串都提取出来,然后再进行匹配,比如我的读取的本地资源有[‘abc.png’,’] 然后读取出来的文件资源有[[‘a.png’,’b.png’]], 用instanceof 判断当数组[‘a.png’,’b.png’],所有的元素都是true的话才算是相等的。然后就将abc.png输出并在本地删除

@wenshiqi0 恩恩谢谢,我试试先。

<pre> <code> var str = ‘gui/common/profile_back.png’; var reg = /^[a-zA-Z0-9./\-:]/([a-zA-Z0-9_]).png$/; var res = reg.exec(str); console.log(res[1]); //profile_back console.log(res[1]+’.png’) //profile_back.png </code> </pre> 这是我写的源代码,测试了的,你试试

@wenshiqi0 第二种png用过的情况不知道你理不理解我讲的啥?

@wenshiqi0 对啊,因为一个文件都是囊括这些所有会出现的情况,所以我也觉得一开始是用spite分割肯定不行。只能是通过正则法则或者字符串遍历啥的。但是我想到这里都没有思路了,正则我弄了半天都写不来这东西。

@wenshiqi0 那我这样子问吧,startLoad(“icon_skill_”+this.model.getValue(“cId”)+""+d[“idx”]+"_png") 就举这个代码粒子,就是怎么用正则来 获取以类似这种形式(就是后面是含有"_png"))的括号里面所有类似icon_skill_的字符串

@iluspan 你不要用这种代码段来让我拼接啊 你给几个拼接好的列子啊

@wenshiqi0 就是比如 icon_skill_sky.png 这就是有可能出现的一种形式, 也就是以 字符串_字符串…png 但是在字符串和字符之间有可能是存在带有变量的表达式,所以这些都是要考虑进去的情况,就如startLoad(“icon_skill"+this.model.getValue(“cId”)+"“+d[“idx”]+"_png”) 在这个代码我只需要提取出icon_skill_png就行了,其他的带有参数的表示就不用管他了,你看看有没有啥正则可以直接提取出类似这样格式下字符串

先前回答有点问题 这个应该可以了把 <pre> <code> var target = ‘icon_skill’; var target1 = ‘icon_wrong’; var postfix= ‘png’; var str = ‘icon_skill_haha_nono_fafa_png’; var reg = new RegExp(’^’+target+’[a-zA-Z\]’+postfix+’$’); var reg1 = new RegExp(’^’+target1+’[a-zA-Z\_]’+postfix+’$’); var res = reg.exec(str); console.log(res[0]); //icon_skill_haha_nono_fafa_png res = reg1.exec(str); console.log(res); //null </code> </pre>

之前回答的有问题 你看看上面的这个 自豪地采用 CNodeJS ionic

嗯嗯!谢谢啦

回到顶部