抓取img的时候还是遇到了很多问题
- 如果以抓取"img"为头 以 .png为后缀的话 。那么如果遇到以.jpg后缀就会紊乱。
- 要考虑到alt title 里边同样有其他后缀例如(.png .jpg混在一起)。
- 防止 抓取的图片重复 需要取出 src 后 放进Set中。 再用js 遍历Set。 防止图片重复。
- 保护好图片的完整性,美观性。 防止被拉坏。
我用的是富文本编辑器是 ueditor 所以注意 上传的图片格式要统一(否则截取会很麻烦)
修改上传图片的格式可以在这里找Uploader.java中BinaryUploader.save()
注意截取的时候,最好保存中在Set集合中
如果截下来的img不够预设,那么保存就会重复,所以放进Set中。避免重复
//我们把img放入Set中,我们在循环的时候如果图片如果不够预设的c的
var imgSet=new Set();
for (var c=0;c<4;c++){
var imgH=title_3.indexOf("<img",r)
var head=title_3.indexOf("src",imgH)+5;
//如果抓取png
var foot=title_3.indexOf(".jpg",head)+4;
var divTextScript1=title_3.substring(head,foot);
imgSet.add(divTextScript1);
r=foot;
}
forEach 循环迭代Set
imgSet.forEach(function (value) {
var spainAD=document.createElement("div");
// 控制好图片的位置避免拉伸过度
spainAD.className="col-xs-6"
spainAD.style.textAlign="left"
var spanImg=document.createElement('img');
spanImg.src=value;
spanImg.style.marginTop="1%"
spainAD.appendChild(spanImg)
spainAC.appendChild(spainAD);
})