위 챗 애플 릿 그림 선택,서버 업로드,미리 보기(PHP)구현 인 스 턴 스

위 챗 애플 릿 그림 선택,서버 업로드,미리 보기(PHP)구현 인 스 턴 스
애플 릿 은 그림 선택,미리 보기,개발 자 서버 에 업로드 합 니 다.
배경 에서 사용 하 는 tp 3.2 사진 업로드
요청 할 때 header 참조 시 삭제 할 수 있 습 니 다(개인 배경 인증 권한 사용)
애플 릿 전단 코드:

<view class="section">
 <form bindsubmit="bindFormSubmit">
  <textarea placeholder="       " name="content"/>
  <view class="">
         :  <label bindtap="checkimg">      </label>
  </view>
  <view class="">
    <image wx:for="{{imglist}}" mode="aspectFit" bindtap="ylimg" data-src="{{item}}" style="width:75px;height:75px;" src="{{item}}"></image>
  </view>
  <button form-type="submit">    </button>
 </form>
</view>

애플 릿 js 코드:

data: {
  imglist:[]
 },
/**
  * form    
  */
 bindFormSubmit:function(e){
   self=this
   //  
   var imglist = self.data.imglist
   //    
   var content=e.detail.value.content;
   if(content==''){
    wx.showToast({
     title: '      ',
     icon: 'loading',
     duration: 1000,
     mask:true
    })
   }
   wx.showLoading({
    title: '    ...',
    mask:true
   })
   //    
   wx.request({
    url: 'https://xxxxxxxxxx/index.PHP?g=user&m=center&a=createwt',
    data: {
     content:content
    },
    method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
    header: app.globalData.header, //       header
    success: function (res) {
     // success
     if(typeof(res.data)=='number'){
      if (imglist != '') {
       //      
       for(var i=0;i<imglist.length;i++){
        //      
        wx.uploadFile({
         url: 'https://xxxxxxxx/index.php?g=user&m=center&a=upload', //    ，        
         filePath: imglist[0],
         name: 'files',
         formData: {
          'wtid': res.data
         },
         header: app.globalData.header,
         success: function (res) {
          if(i>=imglist.length){
           self.setData({
            imglist:[]
           })
           wx.hideLoading();
           wx.showToast({
            title: '    ',
            icon: 'success',
            duration: 2000,
            mask: true
           })
           wx.navigateBack({
            delta: 1
           })
          }
         }
        })
       }
       console.log(imglist);
      }else{
       wx.hideLoading();
       wx.showToast({
        title: '    ',
        icon: 'success',
        duration: 2000,
        mask: true
       })
       wx.navigateBack({
        delta: 1
       })
      }
     }else{
      wx.hideLoading();
      wx.showToast({
       title: res.data,
       icon: 'loading',
       duration: 1000,
       mask: true
      })
     }
    },
    fail: function (res) {
     self.onLoad();
    }
   })
 },
 //      
 checkimg:function(){
   console.log('      ');
   self=this
   wx.chooseImage({
    count: 9, //   9
    sizeType: ['original', 'compressed'], //             ，      
    sourceType: ['album', 'camera'], //              ，      
    success: function (res) {
     //                ，tempFilePath    img   src      
     var tempFilePaths = res.tempFilePaths
     self.setData({
      imglist:tempFilePaths
     })
    }
   })
 },
 //      
 ylimg:function(e){
  wx.previewImage({
   current: e.target.dataset.src,
   urls: this.data.imglist //        http    
  })
 }

php 배경 코드
//사진 업로드

public function upload(){
if(IS_POST){
$upload = new \Think\Upload();//       
$upload->maxSize  =   3145728 ;//         
$upload->exts   =   array('jpg', 'gif', 'png', 'jpeg');//         
$upload->rootPath =   './Uploads/'; //          
$upload->savePath =   ''; //       （ ）  
//      
$info  =  $upload->upload();
if(!$info) {//           
  $this->error($upload->getError());
}else{//              
//       
}
}
}

읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!