Heim > Web-Frontend > js-Tutorial > So verwenden Sie cropper.js auf dem mobilen Endgerät, um Bilder zuzuschneiden und hochzuladen (Code-Analyse)

So verwenden Sie cropper.js auf dem mobilen Endgerät, um Bilder zuzuschneiden und hochzuladen (Code-Analyse)

不言
Freigeben: 2018-08-31 09:46:19
Original
3668 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit dem Zuschneiden und Hochladen von Bildern auf dem mobilen Endgerät (Code-Analyse). Ich hoffe, dass er hilfreich ist zu dir. .

Einführung in den Cropper zur Verwendung von

<link  href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>
Nach dem Login kopieren

HTML-Struktur

<li class="ui-border-bottom">
    <a href="javascripts:void(0);">头像
        <span class="pull-right user-header">
            <img class="rounded" id="avatar" src="../images/user.jpg" alt="avatar">
            <input type="file" class="sr-only" id="input" name="image" accept="image/*">
        </span>
    </a>
</li>
Nach dem Login kopieren