> 위챗 애플릿 > 미니 프로그램 개발 > 사진을 선택하거나 사진을 찍으려면 WeChat 애플릿에서 이미지 선택 정보

사진을 선택하거나 사진을 찍으려면 WeChat 애플릿에서 이미지 선택 정보

不言
풀어 주다: 2018-06-26 17:37:05
원래의
4184명이 탐색했습니다.

이 글은 주로 WeChat 애플릿 chooseImage로 사진을 선택하거나 사진을 찍는 것과 관련된 정보를 소개합니다. 필요한 친구들은 참고하면 됩니다.

WeChat 애플릿 chooseImage는 사진을 선택하거나 사진을 찍습니다.

1. wx.chooseImage API를 사용하세요. (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
     }
    })
  }
로그인 후 복사

2. 데이터 바인딩을 위한 이미지 경로

<view class="container">
 <view>
  <button type="default" bindtap="gotoShow" >点击上传照片</button> 
 </view>
 <view>
  <image class= "show-image" mode="aspectFitf" src="{{src}}"></image>
 </view>
</view>
로그인 후 복사

추가 번호:

 1.wx.chooseImage가 카메라 또는 앨범을 호출합니다.
 2.< image class= " show-image" mode="aspectFitf" src="{{src}}"> 데이터 바인딩
 3. 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
     }
로그인 후 복사

이렇습니다 이 기사 내용이 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목해 주세요!

관련 추천:

WeChat 애플릿에서 아바타를 업로드하기 위한 코드 정보

WeChat 애플릿의 애니메이션 효과 구현 정보

WeChat 애플릿에서 앨범 선택 및 사진 촬영 소개

위 내용은 사진을 선택하거나 사진을 찍으려면 WeChat 애플릿에서 이미지 선택 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿