Heim > WeChat-Applet > Mini-Programmentwicklung > Über „ChooseImage' im WeChat-Applet zum Auswählen von Bildern oder Aufnehmen von Bildern

Über „ChooseImage' im WeChat-Applet zum Auswählen von Bildern oder Aufnehmen von Bildern

不言
Freigeben: 2018-06-26 17:37:05
Original
4194 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zum Auswählen von Bildern oder zum Aufnehmen von Fotos mit dem WeChat-Applet „selectImage“ vorgestellt. Freunde in Not können sich auf

Bilder auswählen oder Fotos mit dem WeChat-Applet „selectImage“ aufnehmen beziehen

1. Verwenden Sie die API wx.chooseImage(OBJECT)

var util = require('../../utils/util.js')
Page({
  data:{
    src:"../image/pic4.jpg"
  },
  gotoShow: function(){var _this = this
    wx.chooseImage({
     count: 9, // 最多可以选择的图片张数,默认9
     sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有
     sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有
     success: function(res){
      // success
      console.log(res)
      _this.setData({
        src:res.tempFilePaths
      })
     },
     fail: function() {
      // fail
     },
     complete: function() {
      // complete
     }
    })
  }
Nach dem Login kopieren

2 Pfad

<view class="container">
 <view>
  <button type="default" bindtap="gotoShow" >点击上传照片</button> 
 </view>
 <view>
  <image class= "show-image" mode="aspectFitf" src="{{src}}"></image>
 </view>
</view>
Nach dem Login kopieren

Ausnahme:

1. wx.chooseImage ruft die Kamera oder das Foto auf Album
2. Datenbindung
 3. Ändern Sie den Dateipfad dynamisch js

 var _this = this
    wx.chooseImage({
     count: 9, // 最多可以选择的图片张数,默认9
     sizeType: [&#39;original&#39;, &#39;compressed&#39;], // original 原图,compressed 压缩图,默认二者都有
     sourceType: [&#39;album&#39;, &#39;camera&#39;], // album 从相册选图,camera 使用相机,默认二者都有
     success: function(res){
      // success
      console.log(res)
      _this.setData({
        src:res.tempFilePaths
      })
     },
     fail: function() {
      // fail
     },
     complete: function() {
      // complete
     }
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Lernen aller hilfreich ist Achtung auf die chinesische PHP-Website!

Verwandte Empfehlungen:

Über den Code zum Hochladen von Avataren in WeChat-Miniprogrammen

Über die Animationseffekte von WeChat Mini-Programme Implementierung

Einführung in die Albumauswahl und Fotoaufnahme im WeChat-Miniprogramm

Das obige ist der detaillierte Inhalt vonÜber „ChooseImage' im WeChat-Applet zum Auswählen von Bildern oder Aufnehmen von Bildern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage