美文网首页技术不灭
vue表单时间上传处理

vue表单时间上传处理

作者: 凌熙溪 | 来源:发表于2019-02-17 11:48 被阅读0次

    import axiosfrom 'axios';

    //验证码倒数计时

    export function restTime(id){

    var resetbtn = document.getElementById(id),

      count  =30,iTimer=0,

      ibtn  =true;

        if(ibtn){

    ibtn =false;

            clearInterval(iTimer);

            resetbtn.disabled=true;

            iTimer=setInterval(()=>{

    if(count ==1){

    resetbtn.innerHTML ="重新发送";

                    clearInterval(iTimer);

                    ibtn =true;

                    resetbtn.disabled=false;

                    return false;

                }

    resetbtn.innerHTML ="发送("+--count +')';

            })

    }

    }

    //计算时间差相隔天数

    export function surplusDay(startData,endDtata){

    return (new Date(endDtata).getTime()-new Date(startData).getTime())/(24 *60 *60 *1000);

    }

    //计算时间差 耗时

    export function timeConsuming(startData,endDtata){

    let dateTime =new Date(endDtata).getTime()-new Date(startData).getTime();

        let hour =new Date(dateTime).getHours();

        let minutes =new Date(dateTime).getMinutes();

        return hour+"时"+minutes+"分钟";

    }

    //日期格式化

    export function formDate(date,format){

    var args = {

    "M+": date.getMonth() +1,

            "d+": date.getDate(),

            "h+": date.getHours(),

            "m+": date.getMinutes(),

            "s+": date.getSeconds(),

            "q+": Math.floor((date.getMonth() +3) /3),  //quarter

            "S": date.getMilliseconds()

    };

        if (/(y+)/.test(format))

    format = format.replace(RegExp.$1, (date.getFullYear() +"").substr(4 - RegExp.$1.length));

        for (var iin args) {

    var n = args[i];

            if (new RegExp("(" + i +")").test(format))

    format = format.replace(RegExp.$1, RegExp.$1.length ==1 ? n : ("00" + n).substr(("" + n).length));

        }

    return format;

    }

    //日期格式化

    export function formStrDate(dateStr){

    if(!dateStr)return;

        if(dateStr.length ==8){// yyyyMMdd

            dateStr = dateStr.substring(0,4) +"/" +dateStr.substring(4,6) +"/" +dateStr.substring(6,8);

            return formDate(new Date(dateStr), "yyyy-MM-dd");

        }

    if(dateStr.length ==14){// yyyyMMddHHmmss

            dateStr = dateStr.substring(0,4) +"/" +dateStr.substring(4,6) +"/" +dateStr.substring(6,8) +" " + dateStr.substring(8,10) +":" + dateStr.substring(10,12) +":" + dateStr.substring(12,14);

            return formDate(new Date(dateStr), "yyyy-MM-dd hh:mm:ss");

        }

    if(dateStr.length ==17){// yyyyMMddHHmmssSSS

            var millisec = dateStr.substring(14,17);

            dateStr = dateStr.substring(0,4) +"/" +dateStr.substring(4,6) +"/" +dateStr.substring(6,8) +" " + dateStr.substring(8,10) +":" + dateStr.substring(10,12) +":" + dateStr.substring(12,14);

            return formDate(new Date(dateStr), "yyyy-MM-dd hh:mm:ss") +"." + millisec;

        }

    }

    //阻止默认事件及冒泡

    export function stopUp(e) {

    var e = e || window.event;

        if (e.preventDefault) {

    e.preventDefault();

        }else {

    e.returnValue =false;

        };

        if (event && event.stopPropagation) {

    event.stopPropagation();

        }else {

    window.event.cancelBubble =true;

        }

    }

    //图片上传

    export function imgUpload(e,size){

    let files = e.target.files || e.dataTransfer.files;

        if(!files.length){

    return false;

        }

    let fileType=files[0].name.substring(files[0].name.lastIndexOf('.')+1,files[0].name.length);

        if(fileType!=='jpg' && fileType!=='jpeg' && fileType!=='png'){

    showError('请上传jpg,jpeg,png等格式文件!');

            return false;

        }

    if((files[0].size/1024/1024)>=size){

    showError('文件大小不得超过'+size+'M');

            return false;

        }else if((files[0].size/1024)===0){

    showError('文件大小不得小于0KB!');

            return false;

        }

    return files[0];

    }

    //文件上传

    export function fileUpload(e,size){

    let files = e.target.files || e.dataTransfer.files;

        if(!files.length){

    return false;

        }

    let fileType=files[0].name.substring(files[0].name.lastIndexOf('.')+1,files[0].name.length);

        if (fileType !=='docx' && fileType !=='doc' && fileType !=='pdf' && fileType !=='wps' && fileType !=='xlsx' && fileType !=='xls') {

    showError("请上传'.docx,.pdf,.doc,.wps,.xlsx,.xls'等格式文件!");

            return false;

        }

    if((files[0].size/1024/1024)>=size){

    showError('文件大小不得超过'+size+'M');

            return false;

        }else if((files[0].size/1024)===0){

    showError('文件大小不得小于0KB!');

            return false;

        }

    return files[0];

    }

    //文件或图片上传

    export function fileOrImgUpload(e,size){

    let files = e.target.files || e.dataTransfer.files;

        if(!files.length){

    return false;

        }

    let fileType=files[0].name.substring(files[0].name.lastIndexOf('.')+1,files[0].name.length);

        if (fileType !=='docx' && fileType !=='doc' && fileType !=='pdf' && fileType !=='wps' && fileType !=='xlsx' && fileType !=='xls' && fileType!=='png' && fileType!=='jpeg' && fileType!=='jpg') {

    showError("请上传'.docx,.pdf,.doc,.wps,.xlsx,.xls,png,jpeg,jpg'等格式文件!");

            return false;

        }

    if((files[0].size/1024/1024)>=size){

    showError('文件大小不得超过'+size+'M');

            return false;

        }else if((files[0].size/1024)===0){

    showError('文件大小不得小于0KB!');

            return false;

        }

    return files[0];

    }

    //上传excel表格

    export function excelUpload(e,size){

    let files = e.target.files || e.dataTransfer.files;

        if(!files.length){

    return false;

        }

    let fileType=files[0].name.substring(files[0].name.lastIndexOf('.')+1,files[0].name.length);

        if (fileType !=='xlsx' && fileType !=='xls') {

    showError("请上传'.xlsx,.xls'等格式文件!");

            return false;

        }

    if((files[0].size/1024/1024)>=size){

    showError('文件大小不得超过'+size+'M');

            return false;

        }else if((files[0].size/1024)===0){

    showError('文件大小不得小于0KB!');

            return false;

        }

    return files[0];

    }

    //下载文件

    export function dowandFile(res,fileName){

    var blob =new Blob([res]);

        if('download' in document.createElement('a')){

    var a = window.document.createElement('a');

            var url = window.URL.createObjectURL(blob);

            a.href = url;

            a.download = fileName;

            a.click();

            window.URL.revokeObjectURL(url);

        }else{

    navigator.msSaveBlob(blob, fileName)

    }

    }

    相关文章

      网友评论

        本文标题:vue表单时间上传处理

        本文链接:https://www.haomeiwen.com/subject/nphgeqtx.html