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
1. Entwicklungsumgebung vue+vant 2. Computersyste...
Die feste IP-Adresse des Centos-DVD1-Versionssyst...
Inhaltsverzeichnis 1. Spark vs. Hadoop 1.1 Nachte...
Inhaltsverzeichnis Verwendete Pygame-Funktionen E...
In diesem Artikel wird der spezifische JS-Code zu...
Wie unten dargestellt: nsenter -t 1 -m -u -n -i s...
Die Legendenkomponente ist eine häufig verwendete...
Das Debuggen der Website-Kompatibilität ist wirkl...
Heute hatte ich etwas Freizeit, um eine Website f...
Inhaltsverzeichnis Vorwort 1. Vorschau der Office...
Zunächst müssen Sie bestimmen, welche Felder oder...
Der Vorgang zur vollständigen Deinstallation der ...
Swiper ist ein mit reinem JavaScript erstelltes P...
Dieser Artikel stellt die von Webdesign-Meistern ...
Nachdem Sie auf der Seite auf das a-Tag geklickt h...