函數Or功能

js動態創建單元格

function createtrtd(newname,newtime,newage,newflase){
      // alert(name);
       // 獲取要插入單元格位置的ID
       var Con = document.getElementById("tbodynames");
       // 獲取要插入單元格位置的ID的第一個元素
       var first = Con.firstElementChild
       // 創建tr元素
       var tr = document.createElement("tr");
       // Con.appendChild(tr);
       // 將單元格添加在第一行
       Con.insertBefore(tr,first);
       // 創建td元素
       var tdname = document.createElement("td");
       var tdtime = document.createElement("td");
       var tdage = document.createElement("td");
       var tdisfalse = document.createElement("td");
       console.log('單元格位置',Con);
       console.log(tr);
       // console.log(td);
       tr.appendChild(tdname);
       tr.appendChild(tdtime);
       tr.appendChild(tdage);
       tr.appendChild(tdisfalse);
       // tr.insertBefore(td,tr);
       // td.innerHTML = "aaaaa";
       tdname.innerHTML = newname;
       tdtime.innerHTML = newtime;
       tdage.innerHTML = newage;
       tdisfalse.innerHTML = newflase;
    }

調用本地apk

function openclient(app_url,down_url) {
            var startTime = Date.now();
            var ifr = document.createElement('iframe');
//這裏可以進行判斷是安卓還是IOS利用不同的鏈接打開app
//            ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;
            //和移動端定好的協議 類似於:  com.dalongtech.boxpc://openIntegralPage
            ifr.src = app_url;
            ifr.style.display = 'none';
            //生成一個iframe
            document.body.appendChild(ifr);
            //倒計時2000毫秒跳轉到下載頁面
            var t = setTimeout(function() {
                var endTime = Date.now();
                if (!startTime || endTime - startTime < 2000 + 200) {
                    window.location = down_url;
                } else {

                }
            }, 2000);
            //如果2000毫秒內打開了apk 即網頁失去焦點  阻止跳轉
            window.onblur = function() {
                clearTimeout(t);
            }
        }

簡單實現異步上傳：

• PHP文件直接$_FILES接收上傳即可

• jQuery代碼

  //選擇文件上傳的時間
  $("input[name='pic_service_info[]']").on("change",function(){
    //獲取上傳的文件
    var files = $(this).prop('files')
    var formData = new FormData();
  
    formData.append("pic_service_info[]", files[0]);
    $.ajax({
        url: "/api/ajax/admincp.ajax.php?operation=change_pic_info",
        type: "POST",
        data: formData,
        /**
         *必須false纔會自動加上正確的Content-Type
         */
        contentType: false,
        /**
         * 必須false纔會避開jQuery對 formdata 的默認處理
         * XMLHttpRequest會對 formdata 進行正確的處理
         */
        processData: false,
        success: function (data) {
            var data_s = eval("("+data+")");
            if (data_s.status == "true") {
                //上傳成功執行的代碼
            }
            if (data_s.status == "false") {
                //上傳失敗執行的代碼
            }
        },
        error: function () {
            alert("上傳失敗！");
        }
    }); 
  });

  ​

預覽要上傳的圖片

• js、jQuery實現方法一樣

  html代碼

  <input type='file' name='pic_service_main' onchange='upload_servicemain(this.files)'  accept='image/*'/>
  <!-- 注意:accept='image/*' 屬性代表只能選擇圖片格式文件 -->

  js代碼

  //獲取元素對象的方法
  function $$(obj) {
        return document.getElementById(obj);
    }
    //實現讀取上傳圖片並顯示
    function upload_servicemain(f){
        var str = "";
        //可能爲多個文件
        for(var i=0;i<f.length;i++){
            //實例化對象
            var reader = new FileReader();
            //執行讀取
            reader.readAsDataURL(f[i]);
            //讀取完成
            reader.onload = function(e){
                //拼接成img標籤,src屬性值爲選中的文件
                str+="<img src='"+e.target.result+"' style='max-width:150px;' />";
            }
        }
        $$("main").innerHTML = str;
  }

  ​