WeChat 애플릿 개발에서 사진을 업로드하는 방법

php中世界最好的语言
풀어 주다: 2018-06-05 11:46:56
원래의
2056명이 탐색했습니다.

기존 규칙은 코드로 이동하세요.

<span style="font-size: 14px;">handleCancelPic() {        let id = this.data.dbId;<br/>        wx.chooseImage({<br/>          count: 3, // 默认9<br/>          sizeType: [&#39;compressed&#39;], // 可以指定是原图还是压缩图,默认二者都有          sourceType: [&#39;album&#39;, &#39;camera&#39;], // 可以指定来源是相册还是相机,默认二者都有<br/>          success: res => {<br/>            // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片<br/>            var tempFilePaths = res.tempFilePaths;<br/><br/>            this.setData({<br/>                src: tempFilePaths<br/>            })<br/>            upload(this,tempFilePaths,&#39;&#39;,&#39;&#39;);<br/>          }<br/>        })<br/>    }<br/>然后一个封装好的方法function upload(page, path,way,id) {<br/>    console.log(path)<br/>  wx.showToast({<br/>    icon: "loading",<br/>    title: "正在上传"<br/>  });<br/>  var test = [],<br/>    that = this;  for (var i = 0; i<path.length; i++) {<br/>        wx.uploadFile({<br/>          url: api.CancelImg,<br/>          filePath: path[i],          <br/>          name: &#39;file&#39;,<br/>          header: { "Content-Type": "multipart/form-data" },<br/>          success: res => {<br/>            test.push(res);<br/>            wx.setStorageSync(&#39;cancelImg&#39;,test)<br/>            console.log(test)            if (res.statusCode != 200) { <br/>              wx.showModal({<br/>                title: &#39;提示&#39;,<br/>                content: &#39;上传失败&#39;,<br/>                showCancel: false<br/>              })              return;<br/>            }else {<br/>                wx.showModal({<br/>                    title: &#39;提示&#39;,<br/>                    content: &#39;上传成功&#39;,<br/>                    showCancel: false<br/>                }) <br/>            }<br/>          },<br/>          fail: function (e) {<br/>            console.log(e);<br/>            wx.showModal({<br/>              title: &#39;提示&#39;,<br/>              content: &#39;上传失败&#39;,<br/>              showCancel: false<br/>            })<br/>          },<br/>          complete: function () {<br/>            wx.hideToast();  //隐藏Toast<br/>          }<br/>        })<br/>    }<br/></span>
로그인 후 복사

사진 여러 장을 업로드하는 방법입니다. 한 장의 사진을 업로드하려면 루프를 제거하면 됩니다. 주로 WeChat의 공식 기본값은 한 번에 한 장의 사진을 업로드하는 것이므로 정말 골치 아픈 일입니다. 이것이 우리가 할 수 있는 전부입니다. . .

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

WeChat 애플릿 개발에서 컨테이너 보기 사용

WeChat 애플릿 개발에서 Android 요청 실패를 처리하는 방법

위 내용은 WeChat 애플릿 개발에서 사진을 업로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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