Estoy raspando HTML y quiero reemplazar las imágenes en los artículos con imágenes que he alojado en mi propia infraestructura en lugar de vincularlas al otro sitio web.
así que digamos que el artículo tiene el siguiente html pero con diferentes nombres de imágenes en la página varias veces, y no tengo idea de cuántas imágenes habrá por página, por lo que tendrá que ser una matriz:
<img src="HXXP://domain.com/aaa/aaaa/aaa/123.jpg" alt="asd" style="width:100%"> <img src="HXXP://domain.com/aaa/aaaa/aaa/456.jpg" alt="asd" style="width:100%">y extraje esas imágenes y las subí a mi propio host y ahora tengo una lista de imágenes con el siguiente enlace, que tendrá los mismos nombres de archivo, pero diferentes dominios y direcciones URL
HXXP://example.com/bbb/bbbbb/bbbb/123.jpg HXXP://example.com/bbb/bbbbb/bbbb/456.jpg¿Cómo reemplazo los enlaces originales en el html con los míos?
Estoy pensando que voy a necesitar alguna combinación de funcionalidad de reemplazo de bucle for. ¿Alguien tiene un ejemplo de esto en absoluto?
aquí está el violín de código a continuación para su respuesta, como dijo que desea reemplazar la imagen del artículo con la suya, puede obtener todas las imágenes del artículo de js mediante el selector de consulta de getElemetsByTagName , luego puede recorrerlo y reemplazarlo de la matriz , aquí asumo que el orden de las imágenes del artículo es el mismo que el de las imágenes almacenadas por su cuenta
let myOwnImgs= ['HXXP://example.com/aaa/aaaa/aaa/789.jpg', 'HXXP://example.com/aaa/aaaa/aaa/101.jpg'] var shownImg = document.getElementsByTagName("img"); for(var i =0; i< shownImg.length; i++){ shownImg[i].src = myOwnImgs[i] // updating main image with array image shownImg[i].alt = myOwnImgs[i].slice(-7) // for verifying } <img src="HXXP://domain.com/aaa/aaaa/aaa/123.jpg" alt="123"> <img src="HXXP://domain.com/aaa/aaaa/aaa/456.jpg" alt="456">