Définition par programme de la hauteur/largeur de l'image à partir de la base de données

Question

Je n'arrive toujours pas à définir la largeur et la hauteur d'une balise img. Le imr src est extrait dynamiquement d'une base de données. Les images tirées de la base de données peuvent avoir des largeurs et des hauteurs variables, donc j'ai besoin de régler le contrôle img. Parfois, la largeur et la hauteur sont définies correctement et parfois elles ne le sont pas. Je ne peux pas comprendre pourquoi. Toute aide serait grandement appréciée. Merci!

Voici ce que je fais maintenant.

try 
    { 
     byte[] byteArray = GetImage(); 
     using (Bitmap bmp = ByteArrayToBitmap(byteArray)) 
     { 
      //image is the img tag. 
      image.Style["width"] = bmp.Width.ToString(); 
      image.Style["height"] = bmp.Height.ToString(); 
     } 
    } 
    catch (Exception ex) 
    { } 

EDIT: Cela semble être un problème uniquement dans IE. Chrome et Firefox semblent fonctionner correctement. En outre, lorsque IE7 n'affiche pas l'image avec la hauteur/largeur appropriée si le navigateur est actualisé, il s'affiche correctement. Parfois ...

Answer 1

Cela est dû au fait que vous devez supprimer les attributs width et height du tag. Le simple fait de changer la largeur et la hauteur de l'image CSS ne fonctionnera pas.

Essayez quelque chose comme ça, c'est en Javascript;

imageTag.removeAttribute('width'); 
imageTag.removeAttribute('height'); 

Answer 2

En regardant votre code, je suggère une autre approche; Puisque vous avez déjà une copie de l'image dans votre tableau d'octets, pourquoi ne pas demander à votre application de redimensionner l'image et de renvoyer une taille prévisible au client? Vous auriez l'avantage de ne pas vous soucier de la façon dont les différents navigateurs sont redimensionnés et éventuellement de réduire la qualité de l'image.

Exemple ici ... http://www.west-wind.com/Weblog/posts/283.aspx