Heim Backend-Entwicklung PHP-Tutorial Besorgen Sie sich den PHP-Code aller Bilddateien in CSS und laden Sie ihn herunter

Besorgen Sie sich den PHP-Code aller Bilddateien in CSS und laden Sie ihn herunter

Nov 30, 2016 pm 01:39 PM
css

Das Highlight dieses Artikels ist, dass der reguläre Ausdruck komplizierter ist, ?(-_-)?, und dann gibt es eine sehr leistungsstarke Verwendung der Kopierfunktion.
> Übrigens habe ich gerade NsYta sagen hören, dass das Thema von Xiao Xie zu weiß ist, was lächerlich ist. Ich bin in letzter Zeit zu beschäftigt und habe keine Zeit, sonst würde ich selbst ein neues Thema erstellen.

1. Bilder in CSS erfassen:
> Treffen Sie zunächst die Vorbereitungen:
> Inhalt in abc.css.
> Da häufig mehrere CSS-Dateien vorkommen, hat Xiaoxie keinen CSS-Pfad direkt eingegeben.
> Führen Sie stattdessen die Inhalte mehrerer CSS-Dateien zusammen und stopfen Sie sie alle in die Datei abc.css.

$data = file_get_contents('abc.css');

> Lesen Sie dann den Inhalt der CSS-Datei in die Variable $data ein und extrahieren Sie dann den Domänennamen mit regulären Ausdrücken .
> Da davon ausgegangen wird, dass viele Bilddateien relative Stammpfade verwenden, wie z. B. /img/1.gif und img/1.gif.
> Dann lautet die ursprüngliche Adresse von CSS http://www.bitsCN.com/css/, sodass die Speicherorte der beiden oben genannten Dateien unterschiedlich sind.

> Die erste Datei befindet sich unter /upload/201109/20110926143903807.gif, da ihr Pfad einen relativen Stammpfad verwendet.
> Und der zweite befindet sich unter /upload/201109/20110926143903169.gif, und sein Pfad ist nur ein gewöhnlicher relativer Pfad.
Code kopieren Der Code lautet wie folgt:
$url = 'http://www.bitsCN.com/css/'; preg_match('/(.*//.*?)//',$ url,$ host);
//Verwenden Sie reguläre Ausdrücke, um http://www.bitsCN.com/ zu extrahieren. Vergessen Sie nicht, im Backend einen Schrägstrich hinzuzufügen.
//.*? ist Lazy Matching, das heißt, je weniger Inhalte übereinstimmen, desto weniger Inhalte können übereinstimmen, sodass es nicht übertrieben wird.
$host = $host[1];

2. Erstellen Sie den Bildspeicherordner:
>
> Haha, die Funktion is_file kann übrigens feststellen, ob diese Datei eine normale Datei ist und ob sie existiert.
> Aber file_exists() ist überlegen, weil ich einmal gesehen habe, wie jemand auf Webmasterworld.com darüber diskutiert hat.

if (!is_dir('img')) { mkdir('img'); }

>
$regex = '/url('{0,1}"{0,1}(.*?)'{0,1}"{0,1})/'
//Verwende regulär Ausdrücke hier Um die Bildadresse abzugleichen, müssen drei Situationen berücksichtigt werden, nämlich url(1.gif) url('1.gif') url("1.gif").
//Diese drei Schreibmethoden können verwendet werden, daher verwenden wir die oben genannten regulären Regeln, um das darin enthaltene 1.gif herauszunehmen.
//'{0,1} bedeutet, dass einfache Anführungszeichen 1 oder 0 Mal vorkommen können, " bedeutet, dass doppelte Anführungszeichen 1 oder 0 Mal vorkommen dürfen.
//Lazy Matching muss in der Mitte verwendet werden, andernfalls wird herausgenommen. Es ist 1.gif" statt 1.gif Vogel, O(∩_∩)P.
preg_match_all($regex,$data,$result);

> Verarbeiten Sie diese Bilder:

> mit dem Inhaltsarray des ersten Zweigs.
> Nun, der erste Zweig hier stellt die erste Klammer im regulären Ausdruck dar, haha, und so weiter.

foreach ($result[1] as $val) { }

> Verwenden Sie dann zur Bestimmung reguläre Ausdrücke, da Sie auch dies berücksichtigen müssen /upload/201109/20110926143903807.gif.
> Hierbei wird der vollständige Pfad anstelle von /img/1.gif oder img/1.gif wie bei anderen verwendet.
> Bewerten Sie es also separat und beurteilen Sie dann diese beiden, um zu sehen, ob es /img/1.gif oder img/1.gif ist.
Code kopieren Der Code lautet wie folgt:
if (preg_match('/^http.*/',$val)) { $target = $val; }
else if (preg_match('/^ /.* /',$val)) { $target=$host.$val }
else { $target=$url.$val }
echo $target."
rn";

> Nehmen Sie abschließend den Dateinamen heraus, der 1.gif in /img/1.gif lautet, um die Datei zu speichern.
Code kopieren Der Code lautet wie folgt:
preg_match('/.*/(.*.D+)$/',$val,$name);

> Beim Herunterladen stellen wir Ihnen hier die Verwendung einer leistungsstarken Kopierfunktion vor.
Code kopieren Der Code lautet wie folgt:
if (!is_file('./img/'.$name[1])) {
$imgc = file_get_contents($target);
$ handle = fopen ('./img/'.$name[1],'w+');
fwrite($handle,$imgc);
> Die obige Methode ist unsere alte Methode, Quacksalber, sie ist sehr mühsam. Einmal entdeckte Xiao Xie plötzlich die Kraft des Kopierens.
> Die Kopie kann tatsächlich heruntergeladen werden, sodass Sie sie problemlos mit dem folgenden Code verarbeiten und den obigen Code zurückziehen können.
Code kopieren Der Code lautet wie folgt:
if (!is_file('./img/'.$name[1])) {
copy($target,'./img/'.$ name[1 ]);
}

> Füllen Sie bei der Verwendung einfach die $url aus und speichern Sie dann den gesamten CSS-Inhalt .css Einfach zuschlagen.
Code kopieren Der Code lautet wie folgt:
$url = 'http://www.bitsCN.com/css/';
$data = file_get_contents('abc. css') ;
preg_match('/(.*//.*?)/',$url,$host);
$host = $host[1]; ('img ')) { mkdir('img'); }
$regex = '/url('{0,1}"{0,1}(.*?)'{0,1}"{ 0,1 })/';
preg_match_all($regex,$data,$result);
foreach ($result[1] as $val) {
if (preg_match('/^http. */' ,$val)) { $target = $val; }
else if (preg_match('/^/.*/',$val)) { $target=$host.$val }
else { $target=$url.$val; }
echo $target."
rn"; $val, $name);
if (!is_file('./img/'.$name[1])) {
copy($target,'./img/'.$name[1] );
}
}?>

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Apr 08, 2025 pm 07:05 PM

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

So verwenden Sie Bootstrap in Vue So verwenden Sie Bootstrap in Vue Apr 07, 2025 pm 11:33 PM

Die Verwendung von Bootstrap in Vue.js ist in fünf Schritte unterteilt: Startstrap installieren. Bootstrap in main.js. Verwenden Sie die Bootstrap -Komponente direkt in der Vorlage. Optional: benutzerdefinierter Stil. Optional: Verwenden Sie Plug-Ins.

So schreiben Sie geteilte Zeilen auf Bootstrap So schreiben Sie geteilte Zeilen auf Bootstrap Apr 07, 2025 pm 03:12 PM

Es gibt zwei Möglichkeiten, eine Bootstrap -Split -Zeile zu erstellen: Verwenden des Tags, das eine horizontale Split -Linie erstellt. Verwenden Sie die CSS -Border -Eigenschaft, um benutzerdefinierte Style Split -Linien zu erstellen.

So ändern Sie Bootstrap So ändern Sie Bootstrap Apr 07, 2025 pm 03:18 PM

Um die Größe der Elemente in Bootstrap anzupassen, können Sie die Dimensionsklasse verwenden, einschließlich: Einstellbreite:.

So fügen Sie Bilder auf Bootstrap ein So fügen Sie Bilder auf Bootstrap ein Apr 07, 2025 pm 03:30 PM

Es gibt verschiedene Möglichkeiten, Bilder in Bootstrap einzufügen: Bilder direkt mit dem HTML -IMG -Tag einfügen. Mit der Bootstrap -Bildkomponente können Sie reaktionsschnelle Bilder und weitere Stile bereitstellen. Legen Sie die Bildgröße fest und verwenden Sie die IMG-Fluid-Klasse, um das Bild anpassungsfähig zu machen. Stellen Sie den Rand mit der img-beliebten Klasse ein. Stellen Sie die abgerundeten Ecken ein und verwenden Sie die IMG-Rund-Klasse. Setzen Sie den Schatten, verwenden Sie die Schattenklasse. Größen Sie die Größe und positionieren Sie das Bild im CSS -Stil. Verwenden Sie mit dem Hintergrundbild die CSS-Eigenschaft im Hintergrund.

So richten Sie das Framework für Bootstrap ein So richten Sie das Framework für Bootstrap ein Apr 07, 2025 pm 03:27 PM

Um das Bootstrap -Framework einzurichten, müssen Sie die folgenden Schritte befolgen: 1. Verweisen Sie die Bootstrap -Datei über CDN; 2. Laden Sie die Datei auf Ihrem eigenen Server herunter und hosten Sie sie. 3.. Fügen Sie die Bootstrap -Datei in HTML hinzu; 4. Kompilieren Sie Sass/weniger bei Bedarf; 5. Importieren Sie eine benutzerdefinierte Datei (optional). Sobald die Einrichtung abgeschlossen ist, können Sie die Grid -Systeme, -Komponenten und -stile von Bootstrap verwenden, um reaktionsschnelle Websites und Anwendungen zu erstellen.

So sehen Sie das Datum der Bootstrap So sehen Sie das Datum der Bootstrap Apr 07, 2025 pm 03:03 PM

ANTWORT: Sie können die Datumsauswahlkomponente von Bootstrap verwenden, um Daten auf der Seite anzuzeigen. Schritte: Stellen Sie das Bootstrap -Framework ein. Erstellen Sie ein Eingangsfeld für Datumsauswahl in HTML. Bootstrap fügt dem Selektor automatisch Stile hinzu. Verwenden Sie JavaScript, um das ausgewählte Datum zu erhalten.

So verwenden Sie die Bootstrap -Taste So verwenden Sie die Bootstrap -Taste Apr 07, 2025 pm 03:09 PM

Wie benutze ich die Bootstrap -Taste? Führen Sie Bootstrap -CSS ein, um Schaltflächenelemente zu erstellen, und fügen Sie die Schaltfläche "Bootstrap" hinzu, um Schaltflächentext hinzuzufügen

See all articles