Javascript Girl
  1. Javascript Girl
  3. Comment modifier efficacement l'attribut d'image "src" de l'URL relative à l'absolu en utilisant jQuery?
Intereting Posts
Amélioration des performances iScroll sur une grande table Codage de chaîne de requête d'un objet Javascript Parsing CSS background image Est-il possible de trouver et de télécharger une liste particulière de fichiers en utilisant JQuery ou JavaScript? Différence dans les objets JSON en utilisant Javascript / JQuery Portée de rappel JavaScript Comment puis-je utiliser le code d'Aptana pour travailler avec Google Maps API v3? Comment agrandir une image cliquée avec JavaScript simple sur un appareil mobile Échapper à json string avec une barre oblique? Séquence de promesse Javascript Utilisation des modèles Jade dans Backbone.js Comment faire pour que les éléments de formulaire se souviennent de la sélection? Laisser tomber un élément uniquement dans la drogue qui se trouve en face Application de javascript pour vérifier la taille et l'extension du fichier Suppression de l'auditeur d'événement qui a été ajouté avec bind

Comment modifier efficacement l'attribut d'image "src" de l'URL relative à l'absolu en utilisant jQuery?

J'ai besoin de changer la src pour une image html d'une URL relative à une URL absolue.

J'utilise le code suivant. UrlRelative et urlAbsolute sont créés correctement mais je ne peux pas modifier l'image dans la dernière ligne.

Qu'est-ce qui pourrait être erroné dans mon script? 

 ..... // other code here request.done(function(resp) { var imgTags = $('img', resp).each(function() { var urlRelative = $(this).attr("src"); var urlAbsolute = self.config.proxy_server + self.config.location_images + urlRelative; $(this).attr("src").replace(urlRelative, urlAbsolute); // problem here });

Essayez comme ça 

 $(this).attr("src", urlAbsolute)

Essayez $(this).attr("src", urlAbsolute); 

 jQuery("#my_image").attr("src", "first.jpg")

Utilisé ce code pour src 

 $(this).attr("src", urlAbsolute);

Démonstration

Au lieu du code ci-dessous: 

 $(this).attr("src").replace(urlRelative, urlAbsolute);

Utilisez ceci: 

 $(this).attr("src",urlAbsolute);

Votre code peut simplifier beaucoup 

 $('img', resp).attr('src', function(idx, urlRelative ) { return self.config.proxy_server + self.config.location_images + urlRelative; });

La méthode de remplacement dans JavaScript renvoie une valeur et n'agit pas sur l'objet de chaîne existant. Voir: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace

Dans votre exemple, vous devrez faire 

 $(this).attr("src", $(this).attr("src").replace(...))

Changer l'image captcha refresh

Html: 

  <img id="captcha_img" src="http://localhost/captcha.php" />

Jquery: 

 $("#captcha_img").click(function() { var capt_rand=Math.floor((Math.random() * 9999) + 1); $("#captcha_img").attr("src","http://localhost/captcha.php?" + capt_rand); });