Wenn Sie jemals eine solche Portalseite erstellt haben, müssen Sie wissen, dass ein Bild an verschiedenen Orten mit unterschiedlichen Größen und Proportionen angezeigt werden kann.
Wenn Sie nur ein Bild verwenden, wird dies auf jeden Fall der Fall sein Es wird verformt und es ist zu verschwenderisch, auf das große Bild zu verlinken, auf dem das kleine Bild angezeigt wird ... Die Verwendung von Miniaturansichten zur Verarbeitung ist nicht perfekt, da die Proportionen und Größen an jeder Stelle unterschiedlich sein können. !!!!!!!!!!!!
Bitte sehen Sie sich das Bild oben an.
An dieser Stelle wird tatsächlich eine Liste übertragen, aber die Größe der Bilder ist unterschiedlich, einige sind breit und andere schmal. Was sollten Sie in einer solchen Situation tun? ? Wenn Sie die Originaladresse direkt verwenden, ist die Erstellung von Miniaturansichten unzuverlässig. Sie haben keine Ahnung, welche Breite und Höhe ein Bild benötigt. --------------------------------------------- ----- --------------------------------------------- ----- -------------
Kommen wir zum Punkt:
Ich habe immer eine Methode verwendet, nämlich das automatische Zuschneiden von PHP ... Haben Sie es schon einmal gesehen? eine ähnliche Bildadresse? /aaaa/abc_200_100.jpg oder /aaaa/abc_200*100.jpg
Mein Weg ist, diese Bildadresse in etwas Ähnliches wie das oben genannte umzuwandeln, wo eine Bildadresse benötigt wird, und dann durch Apaches Rewrite an einen Handler weitergeleitet. Generieren Sie ein Bild basierend auf der Breite und Höhe und speichern Sie es.
Dies hat mehrere Vorteile:
Erstens: Es ist sehr flexibel, wo ein Bild ist, Sie können es ohne Verformung so breit oder hoch steuern, wie Sie möchten, und das Programm zeigt immer den maximalen Bildinhalt an
Zweitens, wenn das Bild ist Einmal generiert, wird Apache das nächste Mal nicht zum Programm umleiten, da vor der Regel ein Urteil von !d !f steht, was bedeutet, dass es nur dann umleitet, wenn die aktuelle Datei nicht vorhanden ist. Es wird nicht wieder angezeigt. Es ist nur das echte Bild.
Das Schlimme ist, dass möglicherweise mehr Bilder generiert werden und mehr Platz beanspruchen, aber wenn es Ihr eigener Server ist Egal, Sie können es kategorisieren und sortieren
OK Hier ist der Code, nehmen wir discuz als Beispiel
Funktion crop_img($img , $width = 200, $height = 200) {
$img_info = parse_url($img);
/* Externe Links geben direkt die Bildadresse zurück */
if (!empty($img_info['host']) && $img_info['host'] != $_SERVER['HTTP_HOST']) {
$pos = strrpos($img, '.'); $height . substr($img, $pos);
return $img;
}
}
function img ($img,$width,$height){
$img_info = parse_url($img);
/* Externe Links geben die direkt zurück Bildadresse */
if ( !empty($img_info['host']) && $img_info['host'] != $_SERVER['HTTP_HOST']) {
🎜>
$pos = strrpos($img, '.'); height substr($img, $pos);
echo '
';
return ;
} ','width','height'); Die Funktion gibt die verarbeitete Bildadresse zurück. Rufen Sie diese Funktion beispielsweise in der Discuz-Vorlage auf.
Die auf diese Weise zurückgegebene Adresse lautet /data/attachment/forum/aaaaaa_200_100.jpg Derzeit existiert dieses Bild nicht, also sehen Sie sich den zweiten Schritt an
Der zweite Schritt erfordert das Hinzufügen von Apache-Rewrite-Regeln
RewriteEngine on REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^data/attachment/(.*)$ images.php?url=$1 [L] Das Obige bedeutet, dass Dateien, die am Anfang von data/attachment/ nicht vorhanden sind, zur Verarbeitung an image.php weitergeleitet werden und die URL als Parameter übergeben
Der dritte Teil ist der Code in image.php
$url = $_GET['url'];
$src = './data/ Anhang/' . preg_replace('/_(d )_(d )/', '', $url);
$filename = './data/attachment/' . $url;
if (file_exists($filename)) {
ob_start();
header('Content-type:image/jpeg ');
readfile($filename);
ob_flush();
Flush();
} else {
if(!preg_match('/_(d )_(d )/', $url, $wh)){
defulat();
exit();
}
$width = $wh[1];
$height = $wh[2];
thumb(realpath($src), $width, $height, $filename, 'crop', '85');
}
function thumb($src, $width, $height, $filename, $ mode = 'scale', $quality = '100') {
try {
$imageValue = getimagesize($src);
$sourceWidth = $imageValue[0 ]; //原图宽
$sourceHeight = $imageValue[1]; //原图高
$thumbWidth = $width; //缩略图宽
$thumbHeight = $height; //缩略图高
$_x = 0;
$_y = 0;
$w = $sourceWidth;
$h = $sourceHeight ;
if ($mode == 'scale') {
if ($sourceWidth <= $thumbWidth && $sourceHeight <= $thumbHeight) {
$ _x = floor(($thumbWidth - $sourceWidth) / 2);
$_y = floor(($thumbHeight - $sourceHeight) / 2);
$thumbWidth = $sourceWidth;
$thumbHeight = $sourceHeight;
} else {
if ($thumbHeight * $sourceWidth > $thumbWidth * $sourceHeight) {
$thumbHeight = floor($sourceHeight * $width / $sourceWidth);
$_y = floor(($height - $thumbHeight) / 2);
} else {
$thumbWidth = floor($sourceWidth * $height / $sourceHeight);
}
} else if ($mode == 'crop') {
if ($sourceHeight < $thumbHeight) { //如果原图尺寸小于当前尺寸
$thumbWidth = floor($thumbWidth * $sourceHeight / $thumbHeight);
$thumbHeight = $sourceHeight;
}
if ($sourceWidth < $thumbWidth) {
$thumbHeight = floor($thumbHeight * $sourceWidth / $thumbWidth);
}
$s1 = $sourceWidth / $sourceHeight; s2) {
;
$ax = floor($sourceWidth * ($thumbHeight / $sourceHeight));
$x = ($ax - $thumbWidth) / 2; $sourceHeight);
$ay = floor($sourceHeight * ($ thumbWidth / $sourceWidth)); //Simulieren Sie die proportionale Höhe des Originalbild
$y = ($ay - $thumbHeight) / 2;
. sourceWidth);
Fall 2: $source = imagecreatefromjpeg($src);
break;
Fall 1: $source = imagecreatefromgif($src);
break;
Fall 3: $ source = imagecreatefrompng($src);
break;
Fall 6: $source = imagecreatefromwbmp($src);
break;
Standard: defulat();
$Quelle , 0, 0, $x, $y, $width, $height, $w, $h);
imagejpeg($thumb, null, $quality);
// if ($_SERVER ['HTTP_REFERER'] || false !== stripos($_SERVER['HTTP_REFERER'], 'http://' . $_SERVER['SERVER_NAME'])) {
imagejpeg($ thumb, $ filename, $quality);
🎜>
}
}
function defulat() {
$default_img = realpath('media/images/nopic.jpg');
ob_start();
header(' Content-type:image/jpeg');
readfile($default_img);
ob_flush();
Flush();
}
Die Daumenfunktion kann die Zuschneidemethode steuern, der Maßstab ist proportionale Skalierung, kein Zuschneiden, und die unzureichenden Bereiche werden mit Weiß gefüllt, Zuschneiden ist Zuschneiden, wenn das erforderliche Seitenverhältnis größer als das ursprüngliche Bildseitenverhältnis ist, behalten Sie es bei auf die maximale Anzeigebreite, zentrieren und beschneiden Sie die oberen und unteren überschüssigen Teile. Wenn das Seitenverhältnis kleiner als das ursprüngliche Bildseitenverhältnis sein soll, behalten Sie die maximale Höhe bei, zentrieren und beschneiden Sie die linken und rechten überschüssigen Teile , verkleinern Sie das Bild, ohne es zu verformen, und behalten Sie den maximalen Inhalt des Bildes bei. Probieren Sie es aus und Sie werden wissen, dass Sie die Rewrite-Funktion und die GD2-Unterstützung unterstützen müssen >
