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
Schreiben Sie Konfigurationsdateien in server.xml...
Frage. Im mobilen Shopping-Mall-System sehen wir ...
Der „Abbrechen“-Button ist nicht Teil des notwend...
MySQL ist ein relationales Datenbankverwaltungssy...
Inhaltsverzeichnis Was ist MVCC MVCC-Implementier...
Inhaltsverzeichnis Vorwort Direktfüllmethode für ...
Chinesisch-Tutorial https://www.ncnynl.com/catego...
Inhaltsverzeichnis Variablenbereich Das Konzept d...
Inhaltsverzeichnis verwenden Verwendung von EsLin...
Inhaltsverzeichnis Vorwort Vorbereiten Umsetzungs...
Überblick Das Builder-Muster ist ein relativ einf...
1. Vorbereitende Schritte (Windows 7 + MySQL-8.0....
Dieses Tutorial ist nur auf Windows-Systemen anwe...
MySQL8.0.12-Installationstutorial, mit allen teil...
Inhaltsverzeichnis 1. Grundkonzepte von GTID 2. G...