WeChat 애플릿이 업로드하는 여러 이미지의 크기를 제한하는 예 분석

php是最好的语言
풀어 주다: 2018-08-07 10:38:09
원래의
7154명이 탐색했습니다.

최근 위챗 애플릿 프로젝트를 진행 중인데 사진 여러 장을 업로드하는 것이 목적입니다. 게다가 PHP에서는 사진 업로드가 2M만 업로드되도록 설정되어 있어서 업로드가 실패해서 설정을 했습니다. 프런트 엔드의 기능, WeChat API(wx.chooseImage)를 사용하여 사진을 가져옵니다. 사진이 3보다 크면 메시지가 표시되고 사진이 2M보다 크면 사진을 업로드할 수 없습니다. 2M 미만의 사진만 업로드할 수 있습니다.

data:{
    img:[], //设置一个数组
}

add_img:function(){
    var that = this,
    img = that.data.img;
        if(img.length < 3){  //如果图片数量小于3张,可以直接获取图片
            wx.chooseImage({
                count:1,     //默认9
                sizeType:[&#39;compressed&#39;], //可以指定原图还是压缩图,默认二者都有
                sourceType:[&#39;album&#39;,&#39;camera&#39;],//可以指定来源相册还是相机,默认二者都有
                success:function(res){
                    var tempFilesSize = res.tempFiles[0].size;  //获取图片的大小,单位B
                    if(tempFilesSize <= 2000000){   //图片小于或者等于2M时 可以执行获取图片
                        var tempFilePaths = res.tempFilePaths[0]; //获取图片
                        that.data.img.push(tempFilePaths);   //添加到数组
                        that.setData({
                            img:that.data.img
                        })
                    }else{    //图片大于2M,弹出一个提示框
                        wx.showToast({
                            title:&#39;上传图片不能大于2M!&#39;,  //标题
                            icon:&#39;none&#39;       //图标 none不使用图标,详情看官方文档
                        })
                    }
                }
            })
        }else{  //大于三张时直接弹出一个提示框
             wx.showToast({
                 title:&#39;上传图片不能大于3张!&#39;,
                 icon:&#39;none&#39;   
             })

        }

}
로그인 후 복사

WeChat 애플릿이 업로드하는 여러 이미지의 크기를 제한하는 예 분석

지원되는 최소 버전은 1.2.0입니다. 1.2.0은 어떤 버전인가요? WeChat 버전인가요 아니면 WeChat 애플릿 개발 도구 버전인가요? 예 댓글 부탁드립니다. 감사합니다)

관련 기사:

WeChat 애플릿이 서버에 사진을 업로드하는 방법에 대한 자세한 설명 예

WeChat 애플릿 다중 이미지 업로드 구현 예제 코드

관련 동영상:

전체 WeChat 애플릿 방향 깊이 분석 동영상 튜토리얼

위 내용은 WeChat 애플릿이 업로드하는 여러 이미지의 크기를 제한하는 예 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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