Die Layer-Front-End-Komponente implementiert die Bildanzeigefunktionsmethode

In diesem Artikel wird hauptsächlich die Methode zur Realisierung der Bildanzeigefunktion der Layer-Front-End-Komponente in Laui vorgestellt. Er analysiert die Operationsmethode und die damit verbundenen Vorsichtsmaßnahmen der Layer-Komponente in Laui zum Aufrufen der Bildanzeigefunktion in Form von Beispielen Es bietet auch Layer- und Laui-Quellcode-Downloads, die Freunde können darauf verweisen, ich hoffe, es kann jedem helfen.

Um die Bildanzeigefunktion zu implementieren:

1 Hier stellen wir eine Layer-Front-End-Komponente vor

Layer ist eine webelastische Layer-Komponente mit ausgezeichnetem Ruf Die gesamte Fangfang-Lösung
ist darauf ausgerichtet, Entwicklern auf allen Ebenen zu dienen, und Ihre Seiten werden auf einfache Weise ein reichhaltiges und benutzerfreundliches Betriebserlebnis bieten.

Offizielle Website-Download-Adresse: http://layer.layui.com/

Oder klicken Sie hier, um von dieser Website herunterzuladen.

Es gibt bestimmte Verwendungsmethoden

Hier sind einige Punkte zu beachten: Bevor wir die Layer-Front-End-Komponente verwenden, müssen wir die js-Datei des Layers einführen

<script type="text/javascript" src=".../.../layer/layer/layer.js"></script>
<script type="text/javascript" src=".../...//layer/layer/extend/layer.ext.js"></script>

Hinweis: Die JS-Datei sollte nach Jquery eingeführt werden, da Layer.js auf JQuery.js basiert!

2.json

Json wird auch benötigt, um die Bildanzeigefunktion zu implementieren:

Die spezifische Verwendung ist wie folgt:

{ //您服务端接口需严格按照下述格式返回
    "status": 1,  //请求的状态，1表示成功，其它表示失败
    "msg": "", //状态提示语
    "title": "",  //相册标题
    "id": number型,  //相册id
    "start": 0, //初始显示的图片序号，默认0
    "data": [  //相册包含的图片，数组格式
      {
        "name": "", //图片名
        "pid": number型, //图片id
        "src": "", //原图地址
        "thumb": "", //缩略图地址
        "area": [638, 851] //原图宽高
      }
    ]
}

Verwenden Sie solche als:

StringBuilder str = new StringBuilder();

folgt dem Link oben und muss korrekt sein

Das endgültige zurückgegebene Ergebnis lautet wie folgt:

return str.toString();

Für bestimmte Verwendung , Sie können auch auf die offizielle Website gehen http:// Ansicht

in layer.layui.com/Verwandte Empfehlungen:

Detailliertes Beispiel für die einfache Implementierung der Anzeigevorschau für das Hochladen von jQuery-Bildern Funktion

JS-Implementierung Methoden zur Steuerung der Anzeigegröße von Bildern [Bildproportionale Skalierungsfunktion]

PHP-Bild-Upload-Klasse mit Bildanzeige_PHP-Tutorial

Das obige ist der detaillierte Inhalt vonDie Layer-Front-End-Komponente implementiert die Bildanzeigefunktionsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!