ashx control возвращает изображение, jquery получает размер При загрузке or.NET OnLoad методы не работают
У меня есть обработчик ASHX, возвращающий изображение при загрузке страницы. Мне нужно добавить класс к изображению динамически в зависимости от размеров изображения. Я попытался сделать это, используя следующие методы:
Код За Методом
cs
protected void Page_Load(object sender, EventArgs e)
{
int id = Convert.ToInt32(Request.QueryString["id"]);
image1.ImageUrl = "get_image.ashx?id=" + id;
}
public void classify_image_Load(object sender, EventArgs e)
{
if(image1.Width.Value > image1.Height.Value)
{
image1.CssClass = "landscape";
}
else
{
image1.CssClass = "portrait";
}
}
html
<asp:Image ID="image1" runat="server" OnLoad="classify_image_Load" />
Это работает при начальной загрузке, однако при любой обратной передаче (загрузка нового изображения/поворот/обрезка) он не может правильно применить класс.
JQuery Метод
js
$(window).load(function(){
$('#image1').load(function() {
if($(this).width() > $(this).height())
{
$(this).attr('class', 'landscape');
} else {
$(this).attr('class', 'portrait');
}
});
});
Этот метод не работает вообще, образ не имеет никакого класса, назначенного ему. Я не уверен, что это вопрос времени с управлением ashx или что.
Код ASHX
public class get_image : IHttpHandler
{
string file_path = ConfigurationManager.AppSettings["file_path"].ToString();
public void ProcessRequest(HttpContext context)
{
context.Response.Clear();
Image img;
if (!String.IsNullOrEmpty(context.Request.QueryString["id"]))
{
int id;
if (context.Request.QueryString["id"].IndexOf('?') > 0)
{
id = Int32.Parse(context.Request.QueryString["id"].Split('?')[0]);
}
else
{
id = Int32.Parse(context.Request.QueryString["id"]);
}
dbclassDataContext db = new dbclassDataContext();
photo d = (from p in db.photos
where p.id == id
select p).SingleOrDefault();
if (d != null)
{
if (!String.IsNullOrEmpty(d.filename))
{
img = Image.FromFile(file_path + "\" + d.filename);
context.Response.ContentType = "image/" + d.filetype;
img.Save(context.Response.OutputStream, get_format(d.filetype));
}
else
{
img = Image.FromFile(file_path + "\no_image.jpg");
context.Response.ContentType = "image/jpeg";
img.Save(context.Response.OutputStream, ImageFormat.Jpeg);
}
}
else
{
img = Image.FromFile(file_path + "\no_image.jpg");
context.Response.ContentType = "image/jpeg";
img.Save(context.Response.OutputStream, ImageFormat.Jpeg);
}
}
else
{
img = Image.FromFile(file_path + "\no_image.jpg");
context.Response.ContentType = "image/jpeg";
img.Save(context.Response.OutputStream, ImageFormat.Jpeg);
}
img.Dispose();
}
public bool IsReusable
{
get
{
return false;
}
}
private ImageFormat get_format(string ftype)
{
switch (ftype)
{
case "jpeg":
return ImageFormat.Jpeg;
case "png":
return ImageFormat.Png;
case "gif":
return ImageFormat.Gif;
default:
return ImageFormat.Jpeg;
}
}
}
Я использую Linq для извлечения местоположения и типа из базы данных на основе идентификатора пользователя, а затем возвращаю изображение на страницу запроса. Это, кажется, работает нормально, но я включил его в случае, если могут возникнуть какие-либо проблемы я упущенный.
Вопрос
Мне нужно динамически классифицировать изображение на основе его размеров, я могу сделать это либо в коде .NET, либо с помощью jQuery. Что я делаю не так с вышеупомянутыми методами, что заставляет его работать неправильно?
1 ответ:
The .событие load может иметь проблемы, если изображение загружается из кэша браузера (см. http://api.jquery.com/load-event/) - может быть, вы могли бы попробовать либо отключить кэширование, либо добавить значение времени к изображению, чтобы браузер не кэшировал его, в случае, если это та проблема, которая поражает?