obrazki przy pomocy readfile() i ajax Opcje

[agmakonts]

Witam
mam taki kod:

[PHP] pobierz, plaintext 
 
ob_clean();
header('Content-Type: '.$post->post_mime_type);
 
$name = basename($post->guid);
$base = home_url();
$path= $_SERVER{'DOCUMENT_ROOT'}.str_replace($base,'',$post->guid);
header ('Content-Disposition: inline; filename='.$name);
header ('Content-length: ' .filesize($path));
readfile($path);
 
[PHP] pobierz, plaintext 

Generalnie wszystko chodzi super dopóki zapytanie nie jest ajaxowe. Gdy leci prez XMLHttpRequest przeglądarka po prostu się zawiesza.
Nie wiem w czym problem a nigdzie nie znalazłem pomocy. Ma ktoś jakiś pomysł?

[fander]

Dziwisz się że nie działa skoro próbujesz w obiekt odpowiedzi Ajaxa wsadzić zawartość obrazka. Jeśli nawet załadowałbyś zawartość obrazka, to co z tymi danymi będziesz w stanie zrobić ?

Ten post edytował fander 18.12.2010, 08:30:19

[agmakonts]

Rozchodzi się tu o fancybox który ma lądować obrazek, gdy w adresie był statyczny plik jpg wszystko było super ale chciałem mieć pewność że gdy coś się stanie z JS albo stronę będzie zwiedzać bot nie otrzymają pliku jpg tylko kolejną stronę z nagłówkiem, stopką, nawigacją itp. Ten kod jest częścią skryptu który w zależności od typu żądania daje albo obrazek albo html. Teoretycznie jak Fancybox pobiera sobie obrazek z serwera to nie powinno go interesować co go generuje a z resztą to cieszyłbym się nawet z błędu a nie tak jak to jest teraz z zawieszenia browsera.

I przyznaje się, termin AJAX to tu trochę nie pasuje ;]

Ten post edytował agmakonts 18.12.2010, 10:10:49

[flashdev]

Pewnie nie do końca o to chodzi, ale zgodnie z tematem obrazki wczytują się przy pomocy readfile i ajax, więc może ten kod na coś się przyda.

[PHP] pobierz, plaintext 
<?php
if( isset($_GET[img]) ){
	ob_start();
	readfile('img.png');
	echo 'data:image/png;base64,'.base64_encode(ob_get_clean());
}else{
?>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
	$('button').click(function(){
		$.ajax({
			url: 'index.php?img',
			success: function(url){
				$('body').append('<img src="'+url+'" />');
			}
		});
	});
});
</script>
<button>Zaladuj obraz</button>
<?php
}
[PHP] pobierz, plaintext 

[agmakonts]

@flashdev - dzięki za kod, co prawda nie udało mi się przerobić go by działał u mnie

Postaram się to lepiej wytłumaczyć:

Gdy wchodzę w wordpressową stronę załącznika która zawiera kod z pierwszego postu wszystko jest ok i obrazek jest wyświetlany w przeglądarce tak samo jakby wpisać jego bezpośredni url.

nagłówki po wpisaniu adresu bezpośrednio
http://img513.imageshack.us/img513/7695/headersa.png
efekt tego samego adresu załadowanego przez JS do lightboxa/fancyboxa
http://img502.imageshack.us/img502/8535/screenq.png

Generalnie wygląda to tak jakby nawalały nagłówki ale dlaczego to nie mam pojęcia, przecież jakbym tam podał adres do pliku JPG bezpośrednio to pokazałby się on w nowej warstwie bez problemu.

[bim2]

Nie możesz tak załądować bo nie potraktuje tego przeglądarka jako obrazka. Ja robisz loadAjax(tutaj masz jakis url) to ten url z ajaxa daj jaki <img src="tutaj ten url" /> i wtedy obrazek ci przegladarka od nowa wczyta

[agmakonts]

Nie do końca rozumiem.
Nagłówki wyglądają ok po załadowaniu tego przez js http://img24.imageshack.us/img24/1300/jsheader.png więc nie wiem czemu przeglądarka ma nie traktować tego jako obrazek.

Ten post edytował agmakonts 18.12.2010, 16:44:09

[bim2]

No ale jak ty to łądujesz do jS? Poprzez AJAXA? Ajax służy do pobrania danych w formie tekstu... nie obrazka. Wszystko poprawnie wyświetla. Tak by to wyglądało gdybyś wyświetlił sobie zawartość obrazka jako tekst. Dlatego musisz użyć do tego tag <img>

[agmakonts]

Od początku:

Cały skrypt jest po to by w laghtboxie wyświetlał się sam obrazek a przy wejść bezpośrednim html.

Wiem ze jak bym pobrał dane bezpośrednio to tak by wyglądały i wiem że powinny być w img ale.... całość jest ładowana do Fancyboxa (http://fancybox.net/) który automatycznie rozpoznaje czy ma załadować html czy img.

Może i faktycznie to pytanie powinno być w JS, nie znam na tyle javascriptu by być pewnym. Generalnie mimo poprawnych nagłówków fancybox nie widzi że jest to obrazek i na tym polega problem.

Jeśli ma ktoś lepszy pomysł na obejście problemu w Wordpressie to chętnie skorzystam bo siedzę nad tym już chyba 12H bez przerwy i zaczynam czuć się pokonany.

Początek pliku attachment.php który ładuje i fancybox i ma być ładowany bezpośrednio wygląda tak:

[PHP] pobierz, plaintext 
<?php 
if($_SERVER["HTTP_X_REQUESTED_WITH"] == 'XMLHttpRequest')
{
if (have_posts()) : 
while (have_posts()) : the_post(); 
ob_clean();
 
header('Content-Type: '.$post->post_mime_type);
 
$name = basename($post->guid);
$base = home_url();
$replace = str_replace($base,'',$post->guid);
 
header ('Content-length: ' .filesize($_SERVER{'DOCUMENT_ROOT'}.$replace));
readfile($_SERVER{'DOCUMENT_ROOT'}.$replace);
 
?> 
<?php
 
endwhile; endif;
}else {
 
 
?>
 
<?php get_header();?>
<?php 
global $options;
foreach ($options as $value) {
    if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
}
?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
 
 
<section id="header-image">
		<?php echo get_the_post_thumbnail($post->post_parent, 'header' ); ?>
</section>
 
<section id="single-title">
		<h2 class="single">
				<?php
$parent_title = get_the_title($post->post_parent);
echo $parent_title;
?>
		</h2>
 
(...................)
 
 
[PHP] pobierz, plaintext 

JS Fancybox (lightbox) sprawdza parametr href odnośnika i w zalezności od zawartości ładuje albo html albo obrazek do tagu <img>. W href jest adres attachment.php z odpowiednimi parametrami.

Live: http://91.193.211.226/galeria/femespik