appcan文件上傳php，asp通用

學(xué)海無涯GL 2015-06-10

展開全文

首先說appcan內(nèi)部實現(xiàn)了file標(biāo)簽，我們就不用糾結(jié)這個問題了，還提供了上傳百分比哦，然后下面的方法按從上到下依次看，很簡單。

<div class="head_btn btn upload fl" id="upload">上傳</div>
<script>
window.uexOnload = function(){
      /*圖片上傳事件一定要放在uexOnload里面start*/
      uexWindow.cbActionSheet = actionSheetSuccess;
      uexImageBrowser.cbPick = ready_upload;
      uexCamera.cbOpen = ready_upload;
      uexWidgetOne.cbError = uexWidgetOneErrorCb;
      uexUploaderMgr.onStatus = UploaderMgronStatus;
      uexUploaderMgr.cbCreateUploader = UploaderMgrCreateUploaderCb;
      /*end*/
      document.getElementById("upload").addEventListener("touchstart", showActionSheet, false);//也可以用點擊事件，但這個反應(yīng)快。
}

var uploadHttp = root_url;//服務(wù)器的上傳處理地址//htttp://192.168.1.93/main.php
var file_src='';//本地文件地址
function showActionSheet(){//彈出上傳選擇框
      var value = "拍照上傳;本地上傳";
      var mycars=value.split(";");
      uexWindow.actionSheet("","取消",mycars);
}
function actionSheetSuccess(opId, dataType, data)//判斷上傳選擇
{
      if(data == 0)//相機(jī)
      {
            uexCamera.open();
      }
      else if(data == 1)//本地瀏覽
      {
            uexImageBrowser.pick();
      }
}
function ready_upload(opCode, dataType, data)//獲取已選擇照片
{
      file_src=data;
      show_loading('已上傳0%','20%');
      uexUploaderMgr.createUploader('1',uploadHttp);//創(chuàng)建上傳對象
}

function UploaderMgrCreateUploaderCb(opCode,dataType,data){//上傳對象創(chuàng)建結(jié)果
      if(data == 0){//創(chuàng)建成功
            uexUploaderMgr.uploadFile(opCode,file_src,"file_data",'1');//開始上傳，//file_data就是通常頁面的input type=‘file’標(biāo)簽的nme；服務(wù)器接收這個name就夠了，如$_FILES['file_data']；appcan內(nèi)部實現(xiàn)了這個標(biāo)簽

      }else{
            uexWindow.closeToast();
            uexWindow.toast('0','5',"上傳失敗",2000);
      }
}

function UploaderMgronStatus(opCode,fileSize,percent,server_msg,status){//當(dāng)前上傳狀態(tài)，server_msg是服務(wù)器打印的信息
      switch (status) {
            case 0://正在上傳
                     if(fileSize>2560000){
                              uexUploaderMgr.closeUploader(1);
                              show_loading(parseInt(fileSize/1000)+'KB的圖片太大了，只能上傳2兆以下的圖片哦','40%');
                              setTimeout('hide_loading()',3000);
                              return false;
                     }
                     else{
                              //jq('#loading_text').text('已上傳'+percent+'%');
                              show_loading('已上傳'+percent+'%','20%');
                     }
                     break;
            case 1://上傳完畢
                     if(server_msg.length>1){
                                    alert('上傳成功');
                              }
                     else{
                              switch(server_msg){
                                    case '1':alert('圖片格式不對，允許上傳的格式是 .jpg .png .gif哦');break;
                                    case '2':alert('圖片的真實格式不對');break;
                                    case '3':alert('圖片太大了，只能上傳2兆以下的圖片哦');break;
                                    default:alert('未知錯誤！'); break;
                              }
                     }
                     uexUploaderMgr.closeUploader(1);
                     hide_loading();
                     break;
            case 2:
                     alert("上傳失敗");
                     uexUploaderMgr.closeUploader(1);
                     hide_loadding();
                     break;
      }
}

function uexWidgetOneErrorCb(opCode, errorCode, errorInfo){

}
</script>

php，asp頁面很簡單，接收‘file_data’這個文件信息就可以了，如$_FILES['file_data']；就是普通的上傳處理，這里就不寫了。
然后 show_loading 和hide_loading是我用jquery寫的讀取條，這里就不好拿出來獻(xiàn)丑了，大家可以自己寫個好看的。