标签：常用 input1 obj attr form 标签 表单 progressBar 页面

前言

记录zbj开发过程中用到过的一些功能。

一、页面标签

1、上传按钮

//上传按钮
<label for="file" class="btn btn-info" >
    <span class="glyphicon glyphicon-folder-open" aria-hidden="true">  选择流程图(zip格式)
</label>
<input id="file"type="file"style="display:none">

2、显示两位小数

//前台页面设置方式：
var value = Math.round(parseFloat(data)*100)/100

3、Ajax提交表单并下载文件

// 下载文件：参数说明：dataForm第一次提交的表单；makeFileAction第一次访问后台的url，返回的obj为文件路径；
function downloadFiles(dataForm,makeFileAction,downLoadAction){
    $('#progressBar').modal("show");
    $.ajax({
        type : "POST",
        url : makeFileAction,
        data:$('#'+dataForm).serialize(),
        dataType:'text',
        success : function(obj) {
            if(obj.substring(obj.length-4,obj.length)!="xlsx"&&obj.substring(obj.length-3,obj.length)!="xls") {
                alert(obj);
                $('#progressBar').modal("hide");
            }else {
                var form = $("<form>");//定义一个form表单
                form.attr("style", "display:none");
                form.attr("target", "");
                form.attr("method", "post");
                form.attr("action", downLoadAction);
                var input1 = $("<input>");
                input1.attr("type", "hidden");
                input1.attr("name", "filePath");
                input1.attr("value", obj);
                $("body").append(form);//将表单放置在web中
                form.append(input1);
                form.submit();//表单提交
                $('#progressBar').modal("hide");
            }
        },
        error : function(XMLHttpRequest, textStatus, errorThrown) {
            alert("下载失败!");
            $('#progressBar').modal("hide");
        }
    });
};    

标签：常用,input1,obj,attr,form,标签,表单,progressBar,页面
来源： https://www.cnblogs.com/szrs/p/15257359.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。