WeChat은 카메라로 사진을 찍고 로컬로 사진을 업로드하는 기능을 개발합니다.

Y2J
풀어 주다: 2017-04-21 11:18:38
원래의
3231명이 탐색했습니다.

이 기사에서는 카메라를 사용하여 사진을 찍고 현지 사진을 업로드하는 등 사진 앨범에서 사진을 가져오는 WeChat 애플릿 개발에 대한 관련 정보를 주로 소개합니다. 매우 좋은 참조 값을 가지고 있습니다. 아래 에디터로 살펴보겠습니다

오늘은 위챗 애플릿의 사용자 아바타 설정 기능을 접하고 메모를 했습니다.

먼저 gif를 업로드하세요:

추가 코드:

작은 데모, 코드는 매우 간단합니다.

1.index.wxml

<!--index.wxml--> 
<button style="margin:30rpx;" bindtap="chooseimage">获取图片</button> 
<image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx"/>
로그인 후 복사

2 .index.js

//index.js 
//获取应用实例 
var app = getApp() 
Page({ 
 data: { 
  tempFilePaths: &#39;&#39; 
 }, 
 onLoad: function () { 
 }, 
 chooseimage: function () { 
  var _this = this; 
  wx.chooseImage({ 
   count: 1, // 默认9 
   sizeType: [&#39;original&#39;, &#39;compressed&#39;], // 可以指定是原图还是压缩图,默认二者都有 
   sourceType: [&#39;album&#39;, &#39;camera&#39;], // 可以指定来源是相册还是相机,默认二者都有 
   success: function (res) { 
    // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 
    _this.setData({ 
     tempFilePaths:res.tempFilePaths 
    }) 
   } 
  }) 
 } 
})
로그인 후 복사

API 설명:

여기서 sourcetype에 대해 이야기합니다. 기본은 사진 앨범에서 가져와 사용하는 것입니다. 카메라는 사진을 찍습니다. 이는 WeChat의 현재 사진 선택 인터페이스와 동일합니다. 첫 번째 프레임은 사진 촬영용이고 다음은 앨범 사진용입니다. 여기: 사진의 로컬 경로가 반환됩니다. 사진을 서버에 업로드해야 하는 경우 다른 API를 사용해야 합니다.

샘플 코드:

wx.chooseImage({ 
 success: function(res) { 
  var tempFilePaths = res.tempFilePaths 
  wx.uploadFile({ 
   url: &#39;http://example.weixin.qq.com/upload&#39;, //仅为示例,非真实的接口地址 
   filePath: tempFilePaths[0], 
   name: &#39;file&#39;, 
   formData:{ 
    &#39;user&#39;: &#39;test&#39; 
   }, 
   success: function(res){ 
    var data = res.data 
    //do something 
   } 
  }) 
 } 
})
로그인 후 복사

위 내용은 WeChat은 카메라로 사진을 찍고 로컬로 사진을 업로드하는 기능을 개발합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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