In diesem Artikel wird der spezifische Code für das WeChat-Applet beschrieben, mit dem Sie Fotos aufnehmen und Bilder aus Alben als Referenz auswählen können. Der spezifische Inhalt ist wie folgt Layout: <!--pages/Kamera/Kamera.wxml--> <Ansicht Klasse = "tui-menu-list" id="Ansicht1" Stil="Anzeige:flex;flex-direction:space-between"> <Schaltfläche id="b1" Größe="mini" Typ="primär" bindtap="Bild auswählen"> Bild abrufen</button> <Schaltfläche id="b2" Größe="mini" Typ="primär" bindtap="Telefon speichern"> Speichern</button> </Ansicht> <Bild src="{{tempFilePaths}}" catchtap="Bildtap auswählen" Modus="AspektAnpassen" Stil="Breite:100%;Höhe:400px;Hintergrundfarbe:#ffffff;"> </image> Stil: /* Seiten/Kamera/Kamera.wxss */ .ansicht1 { Höhe: 25px } .tui-menu-list { Anzeige: Flex; Flex-Richtung: Reihe; Rand: 20 Rpx; Polsterung: 20rpx; } Bildpfad ermitteln, Bild anzeigen und speichern // Seiten/Kamera/Kamera.js Seite({ Daten: { tempFilePaths: „http://pic2.cxtuku.com/00/01/08/b207004f7104.jpg“ }, Bild auswählen: Funktion () { var das = dies; wx.showActionSheet({ itemList: ['Aus Album auswählen', 'Foto aufnehmen'], Artikelfarbe: "#CED63A", Erfolg: Funktion (res) { wenn (!res.abbrechen) { wenn (res.tapIndex == 0) { das.wähleWxImage('Album') } sonst wenn (res.tapIndex == 1) { das.wähleWxImage('Kamera') } } } }) }, chooseWxImage: Funktion (Typ) { var das = dies wx.wählenBild({ Größentyp: ['Original', 'komprimiert'], Quelltyp: [Typ], Anzahl: 1, Erfolg: Funktion (res) { Konsole.log(res) dass.setData({ tempFilePaths: res.tempFilePaths[0], }) } }) }, Telefonspeicher: Funktion () { wx.getImageInfo({ Quelle: this.data.tempFilePaths, Erfolg: Funktion (res) { var Pfad = res.Pfad wx.saveImageToPhotosAlbum({ filePath: Pfad, Erfolg: Funktion () { wx.showToast({ Titel: 'Erfolgreich gespeichert', }) }, Fehler: Funktion (Res) { wx.showToast({ Titel: 'Speichern fehlgeschlagen', Symbol: „keine“ }) } }) } }) } }) Effektbild: Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: So passen Sie geplante AT- und Cron-Aufgaben in Linux an
>>: Detaillierte Erklärung der Funktionen outfile, dumpfile und load_file bei der MySQL-Injektion
Import und Export von Docker-Images Dieser Artike...
Inhaltsverzeichnis Zwei Module zur Verwendung von...
Sehen Sie sich die Installationsinformationen von...
Inhaltsverzeichnis Typische Fälle Anhang: Häufige...
Der spezifische Code des mit Js erstellten Schieb...
In diesem Artikelbeispiel wird der spezifische Co...
1. Verwenden Sie das Tag <nobr>, um keinen Z...
html: Tatsächlich werden mehrere durchgezogene Kr...
In diesem Artikelbeispiel wird der spezifische Co...
Die übergeordnete Vue-Komponente ruft die Funktio...
Auf Kali reproduzieren Legen Sie zunächst die Sui...
Inhaltsverzeichnis Bilderfassung durch SVG CSS-Te...
Dieser Artikel beschreibt die gemeinsame Abfrageo...
emmm, der Name ist nur eine zufällige Vermutung 2...
Inhaltsverzeichnis Wasserwelleneffekt Sehen wir u...