静态网页700多个<img>标签,如何给他们的src自动赋值.

发布网友发布时间：2022-05-14 23:59

共5个回答

懂视网时间：2022-05-15 04:20

下面我就为大家分享一篇Vue.js 动态为img的src赋值方法，具有很好的参考价值，希望对大家有所帮助。

需求是这样：

ajax获取数据如下

{
 "code": "200",
 "data": {
 "SumAmount": 200,
 "List": [{
 "amount": 100,
 "sex": "male",
 "fee": 1,
 "id": 98,
 "status": 2,
 "time": "2015-08-11"
 }, {
 "amount": 100,
 "sex": "female",
 "fee": 0,
 "id": 8,
 "status": 2,
 "time": "2015-06-12"
 }]
 },
 "msg": "success"
}

然后渲染列表到页面，如果男，则将img的src设为"images/male.png",反之设为"images/female.png"

两个都可以实现，为了在html中看起来舒服点还是用filter吧，虽然也就一个判断逻辑，但是判断语句加上url，这就不美观了，当然，这只是个人习惯，直接用指令的话直观点

<img v-attr="src: sex=='male'?'images/male.png':'images/female.png'">
<img v-attr="src: sex | isM">

对应的filter

filters: {
 isM: function (val) {
 return val == 'male' ? 'images/male.png' : 'images/female.pn'
 }
 }

方法很多，我写我推荐的吧：

首先男女这样的标示属于装饰性内容，我建议写到css里面。也就是说用背景图的形式来控制现实男女

这样你有两个class .male female

<span class={{sex}}></span>

上面是我整理给大家的，希望今后会对大家有帮助。

在vue组件中使用axios的方法

axios post提交formdata的实例

vue-router相关基础知识及工作原理

热心网友时间：2022-05-15 01:28

用循环，定义一个变量i,i从100开始，用io读取这个html文件一行，如果该行中包含<img>，就把该字符串替换成<img src="i.png">(i为变量)，写入另一个html文件，循环完成之后，新生成的文件就是需要的文件追问可以教一下怎么写吗...

热心网友时间：2022-05-15 02:46

你下载一个sublime text2编辑器，在这个编辑器里面打开这个静态网页，然后随便选中一个img标签，按住ctrl+D不放，然后页面上所有的img标签都被选中了，然后你在键盘上输入的任何东西都是同时对这些标签进行的更改，你可以给这些标签加一个class，然后在js代码里面根据这个class获取到这700个img标签，再用代码循环把这些src图片添加给他们。追问可以留个QQ吗..

追答二四一六九七六零四二

热心网友时间：2022-05-15 04:21

复制粘贴699下，再把编号慢慢改过来。或是在编辑器中用替换都方式改编号，这样会快一些追问用替换不是也要1个一个替换吗....有别的办法吗....

追答我不清楚Emmet能不能做到，你可以去试试。

热心网友时间：2022-05-15 06:12

要是img标签都是连续在一起，就可以。
但如果都是分散的，可能没有现成的工具吧。自己写个程序还可以。追问是分散的...请教一下如何写程序根据ID自动赋值吗

追答弄个循环，搜索<img字符串，然后添加src属性。

静态网页700多个&lt;img&gt;标签,如何给他们的src自动赋值.

静态网页700多个<img>标签,如何给他们的src自动赋值.