search_audio.html 6.63 KB
<include file="public/layout"/>
<style>
    .te_le .dataTables_paginate{float: left;}
    .bot{float: right;padding: 15px 0;}
    .vdisib{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
    .item-title ul {
        font-size: 0;
    }

    .item-title ul li {
        font-size: 14px;
        vertical-align: middle;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-right: 10px;
        padding: 5px;
    }

    .item-title ul li.on,
    .item-title ul li:hover {
        background-color: #d4d5d5;
    }
    .flexigrid .bDiv{overflow: auto;height: 300px;}
    .inp_upfile{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
</style>
<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
<div class="page" style="padding: 0px 1% 0 1%;">
    <div class="flexigrid">
        <div class="mDiv">
            <div class="ftitle vdisib">
                <h3 class="vdisib">音频列表</h3>
                <h5 class="vdisib">(共{$pager->totalRows}条记录)</h5>
            </div>
            <div title="刷新数据" class="pReload vdisib" onclick="reload_page()"><i class="fa fa-refresh"></i></div>
        </div>
        <div class="mDiv">
            <div class="fbutton" style="border-right: none">
                <input id="tupfile" name="tupfile" type="file" onchange="upfile(this)" class="inp_upfile" />
                <div class="add" title="添加音乐">
                        <span><i class="fa fa-plus"></i>添加音乐</span>
                </div>
            </div>

            <span style="line-height:25px;">最大支持 2 MB 以内的语音 (wav, mp3 格式)</span>
        </div>
       <div class="hDiv">
            <div class="hDivBox">
                <table cellspacing="0" cellpadding="0">
                    <thead>
                    <tr>
                        <th abbr="article_time" axis="col6" class="w400" align="left">
                            <div style="text-align: left; " class="">音频名称</div>
                        </th>
                        <th abbr="ac_id" axis="col4" class="w100" align="left">
                            <div style="text-align: center; " class="">音频大小</div>
                        </th>
                        <th axis="col1" class="w100"  align="center">
                            <div style="text-align: center;">操作</div>
                        </th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
        <div class="bDiv" style="height: auto;">
            <div id="flexigrid" cellpadding="0" cellspacing="0" border="0">
                <table style="width: 100%">
                    <tbody id="goos_table">
                    <volist name="data" id="list">
                        <tr>
                            <td class="w400" align="left">
                                <div style="text-align: left; ">{$list.name}</div>
                            </td>
                            <td class="w100" align="left">
                                <div style="text-align: center;">{$list.size}KB</div>
                            </td>
                            <td class='w100' style='text-align:center'><a href="javascript:void(0);" class='btn red' url="https://mshopimg.yolipai.net{$list.url}"  onclick="seleaudio(this);">选择</a></td>
                        </tr>

                    </volist>
                </table>
            </div>
            <div class="iDiv" style="display: none;"></div>
        </div>
        <!--分页位置-->
        <div class="te_le">
            {$page}
        </div>
    </div>
</div>
<input id="stoid" value="{:I('stoid/d',1)}" type="hidden"/>
<script type="text/javascript" src="__PUBLIC__/js/ajaxfileupload.js"></script>
<script>
    //确认菜单内容
    function seleaudio(obj) {
        var url=$(obj).attr("url");
        javascript:window.parent.audioupcallback(url);
    }
    function reload_page() { window.location.href=window.location.href; }

    /*--上传音频--*/
    function upload_audio(){
        var stoid=$("#stoid").val();
        javascript:window.parent.GetUploadify_audio(1,'audio',stoid,"audioupcallback");
    }
    
    function upfile(ob) {
        /*--上传判断文件类型和大小--*/
        var filePath = ob.value;
        var fileExt = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();
        if (fileExt!=".mp3" && fileExt!=".wav"){
            layer.msg('请上传音频文件',{icon:2,time:2000});
            return false;
        }
        if (ob.files && ob.files[0]) {
           if(ob.files[0].size/1024>2014){
               layer.msg('请上传音频文件不能大于2M',{icon:2,time:2000});
               return false;
           }
        } else {
            ob.select();
            var url = document.selection.createRange().text;
            try {
                var fso = new ActiveXObject("Scripting.FileSystemObject");
            } catch (e) {
                alert('如果你用的是ie8以下 请将安全级别调低!');
                return false;
            }
            if(fso.GetFile(url).size/1024>2014){
                layer.msg('请上传音频文件不能大于2M',{icon:2,time:2000});
                return false;
            }
        }
        var ai=layer.msg('上传中..',{icon:16,time:0});
        $.ajaxFileUpload({
            url: '/index.php/Admin/Ueditor/audio/savepath/audio/savepath1/'+$("#stoid").val(),
            secureuri: false,          //一般设置为false
            fileElementId:'tupfile',   //文件上传空间的id属性  <input type="file" id="file" name="file" />
            dataType: "json",          //返回值类型 一般设置为json
            success: function (data, status)   //服务器成功响应处理函数
            {
                layer.close(ai);
                if (data.state == "SUCCESS") {

                    //删除文件
                    $.ajax({
                        type: 'POST',
                        url: "{:U('Admin/Ueditor/delfile')}",
                        data: {"file": data.path},
                        dataType: 'json',
                        success: function (data) {},
                    });

                    reload_page();
                } else {
                    layer.msg('上传失败',{icon:2,time:2000});
                }
            },
            error: function (data, status, e)//服务器响应失败处理函数
            {
                layer.close(ai);
                layer.msg('上传失败',{icon:2,time:2000});
                return;
            }
        })
    }


</script>
</body>
</html>