| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634 |
- <style>
- #categoryTable td{
- border:none;
- }
- </style>
- <div class="page-title">
- <div class="title-env">
- <h1 class="title">分类管理</h1>
- </div>
- <div class="breadcrumb-env">
- <ol class="breadcrumb bc-1">
- <li>
- <a href="/"><i class="fa-home"></i>Home</a>
- </li>
- <li>
- <a href="javascript:void(0)">商城管理</a>
- </li>
- <li class="active">
- <strong>分类管理</strong>
- </li>
- </ol>
- </div>
- </div>
- <div class="panel panel-default">
- <div class="panel-body">
- <div class="dataTables_wrapper form-inline dt-bootstrap no-footer">
- <div class="row">
- <div class="col-xs-6" style="width:90%;">
- <div class="dataTables_length">
- <a href="javascript:void(0)" name="addMainButton" data-url="/category/add" class="btn btn-secondary btn-single" style="margin-right:15px;">增加分类</a>
- <!-- <a href="javascript:void(0)" name="addMainButton" data-url="/category/add" class="btn btn-secondary btn-single" style="margin-right:15px;">增加主分类</a> -->
- </div>
- </div>
- </div>
- <div class="table-responsive">
- <table class="table table-bordered table-striped table-hover table-condensed">
- <thead>
- <tr class="active">
- <th class="no-sorting"><input type="checkbox"></th>
- <th>ID</th>
- <th>分类名</th>
- <th>上移</th>
- <th>下移</th>
- <th class="hidden-xs">类型</th>
- <th>状态</th>
- <th>操作</th>
- </tr>
- </thead>
-
- <tbody class="middle-align">
- <?php foreach($list as $key => $val){?>
- <tr>
- <td><input type="checkbox"></td>
- <td><?= $val['id'] ?></td>
- <td>
- <?php if($val['classify'] == $categoryClassify['goodsLink']){ ?>
- <a href="/category/goods-list?id=<?= $val['id'] ?>">
- <?php }else{ ?>
- <a href="javascript:void(0)">
- <?php } ?>
- <?= $val['categoryName'] ?>
- </a>
- </td>
- <td style="font-weight:bold;"><a href="/category/move-up?id=<?= $val['id'] ?>">↑</a></td>
- <td style="font-weight:bold;"><a href="/category/move-down?id=<?= $val['id'] ?>">↓</a></td>
- <td class="hidden-xs"><?= $categoryClassifyName[$val['classify']] ?></td>
- <td><?= $val['isShow'] ?></td>
- <td>
- <a class="btn btn-secondary btn-single" name="modifyButton" data-show="<?= $val['isShow'] ?>" data-id="<?= $val['id'] ?>" data-url="/category/modify" data-desc="<?= $val['description'] ?>" data-img="<?= $val['cover'] ?>" data-name="<?= $val['categoryName'] ?>" href="javascript:void(0)" style="padding:2px 5px;">修改</a>
- <a class="btn btn-secondary btn-single" href="javascript:void(0)" name="categoryButton" data-msg="删除" data-url="/category/del?id=<?= $val['id'] ?>" style="padding:2px 5px;">删除</a>
- <!-- <a class="btn btn-secondary btn-single" name="addChildButton" data-classify="<?= $val['classify'] ?>" data-name="<?= $val['categoryName'] ?>" data-id="<?= $val['id'] ?>" data-url="/category/add" href="javascript:void(0)" style="padding:2px 5px;">增加子分类</a> -->
- </td>
- </tr>
- <?php if(isset($val['child']) && !empty($val['child'])){
- foreach($val['child'] as $cKey => $cVal){
- ?>
- <tr>
- <td><input type="checkbox"></td>
- <td><?= $cVal['id'] ?></td>
- <td> |— <a href="/category/goods-list?id=<?= $val['id'] ?>"><?= $cVal['categoryName'] ?></a></td>
- <td style="font-weight:bold;"><a href="/category/move-up?id=<?= $cVal['id'] ?>">↑</a></td>
- <td style="font-weight:bold;"><a href="/category/move-down?id=<?= $cVal['id'] ?>">↓</a></td>
- <td class="hidden-xs"><?= $categoryClassifyName[$cVal['classify']] ?></td>
- <td><?= $cVal['isShow'] ?></td>
- <td>
- <a class="btn btn-secondary btn-single" name="modifyButton" data-show="<?= $cVal['isShow'] ?>" data-id="<?= $cVal['id'] ?>" data-url="/category/modify" data-desc="<?= $cVal['description'] ?>" data-img="<?= $cVal['cover'] ?>" data-name="<?= $cVal['categoryName'] ?>" href="javascript:void(0)" style="padding:2px 5px;">修改</a>
- <a class="btn btn-secondary btn-single" href="javascript:void(0)" name="categoryButton" data-msg="删除" data-url="/category/del?id=<?= $cVal['id'] ?>" style="padding:2px 5px;">删除</a>
- </td>
- </tr>
- <?php } }?>
- <?php }?>
- </tbody>
- </table>
- </div>
- <div class="row">
- <div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- footer -->
- <?php
- use backend\widgets\FooterWidget;
- ?>
- <?= FooterWidget::widget()?>
- <!-- footer -->
- <!-- modal 确认提醒框 -->
- <div class="modal fade" id="categoryModal">
- <div class="modal-dialog" style="height:300px;">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title">消息提示</h4>
- </div>
- <div class="modal-body">
- 确认<span></span>?
- <input type="hidden" name="requestUrl" value="" />
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-info" name="categoryConfirmButton" >确认</button>
- <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
- </div>
- </div>
- </div>
- </div>
- <!-- 增加主分类 -->
- <div class="modal fade" id="addMainModal" >
- <div class="modal-dialog" style="height:450px;">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title">增加主分类</h4>
- </div>
- <div class="modal-body">
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-1" class="control-label">分类名称:</label>
- <input type="text" class="form-control" name="mainName" placeholder="" value="">
- <input type="hidden" name="requestUrl" value="" />
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-7" class="control-label">图片(微信分享时使用):</label>
- <div>
- <div>
- <img name="mainCover" src="http://img.hzghd.com/201604/01/png/1556afcf843ffbf59028f02690cd192f.png" onerror="javascript:this.src='/images/nopicture.png';" style="width:85px;height:85px;" class="img-thumbnail">
- </div>
- <a href="javascript:;" class="a-upload">
- <input type="file" id="mainCover" accept="image/*" value="" />选择图片
- </a>
- <input type="hidden" name="mainCover" value="" />
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-7" class="control-label">描述:</label>
- <textarea name="mainDesc" class="form-control" placeholder="微信分享时使用此描述…"></textarea>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-10">
- <div class="form-group">
- <label for="field-1" class="control-label">类型:</label>
- <?php
- foreach($categoryClassifyName as $key => $val){
- echo '<label class="radio-inline"><input type="radio" ';
- if($key == 0){
- echo 'checked="checked" ';
- }
- echo 'name="mainClassify" value="'.$key.'" >'.$val.'</label>';
- }
- ?>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-1" class="control-label">状态:</label>
- <label class="radio-inline"><input type="radio" name="mainIsShow" checked="checked" value="0">显示</label>
- <label class="radio-inline"><input type="radio" name="mainIsShow" value="1" >隐藏</label>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <p name="mainMention"></p>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-info" name="mainConfirmButton">确认</button>
- <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
- </div>
- </div>
- </div>
- </div>
- <!-- 修改分类 -->
- <div class="modal fade" id="modifyModal" >
- <div class="modal-dialog" style="height:450px;">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title">分类修改</h4>
- </div>
- <div class="modal-body">
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-1" class="control-label">分类名称:</label>
- <input type="text" class="form-control" name="modifyName" placeholder="" value="">
- <input type="hidden" name="requestUrl" value="" />
- <input type="hidden" name="modifyId" value="" />
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-7" class="control-label">图片(微信分享时使用):</label>
- <div>
- <div>
- <img name="modifyCover" src="http://img.hzghd.com/201604/01/png/1556afcf843ffbf59028f02690cd192f.png" onerror="javascript:this.src='/images/nopicture.png';" style="width:85px;height:85px;" class="img-thumbnail">
- </div>
- <a href="javascript:;" class="a-upload">
- <input type="file" id="modifyCover" accept="image/*" value="" />选择图片
- </a>
- <input type="hidden" name="modifyCover" value="" />
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-7" class="control-label">描述:</label>
- <textarea name="modifyDesc" class="form-control" placeholder="微信分享时也会使用此描述…" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 50px;"></textarea>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-1" class="control-label">状态:</label>
- <label class="radio-inline"><input type="radio" name="modifyIsShow" checked value="0">显示</label>
- <label class="radio-inline"><input type="radio" name="modifyIsShow" value="1" >隐藏</label>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <p name="modifyMention"></p>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-info" name="modifyConfirmButton">确认</button>
- <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
- </div>
- </div>
- </div>
- </div>
- <!-- 增加子分类 -->
- <div class="modal fade" id="addChildModal" >
- <div class="modal-dialog" style="height:450px;">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title"><span></span> 增加子分类</h4>
- </div>
- <div class="modal-body">
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-1" class="control-label">子分类名称:</label>
- <input type="text" class="form-control" name="childName" placeholder="分类名称" value="">
- <input type="hidden" name="requestUrl" value="" />
- <input type="hidden" name="parentId" value="" />
- <input type="hidden" name="classify" value="" />
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-7" class="control-label">图片:</label>
- <div>
- <div>
- <img name="childCover" src="http://img.hzghd.com/201604/01/png/1556afcf843ffbf59028f02690cd192f.png" onerror="javascript:this.src='/images/nopicture.png';" style="width:85px;height:85px;" class="img-thumbnail">
- </div>
- <a href="javascript:;" class="a-upload">
- <input type="file" id="childCover" accept="image/*" value="" />选择图片
- </a>
- <input type="hidden" name="childCover" value="" />
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-7" class="control-label">描述:</label>
- <textarea name="childDesc" class="form-control" placeholder="微信分享时也会使用此描述…"></textarea>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="field-1" class="control-label">状态:</label>
- <label class="radio-inline"><input type="radio" name="childIsShow" checked="checked" value="0">显示</label>
- <label class="radio-inline"><input type="radio" name="childIsShow" value="1" >隐藏</label>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <p name="childMention"></p>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-info" name="childConfirmButton">确认</button>
- <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
- </div>
- </div>
- </div>
- </div>
- <script src="/js/lrz/dist/lrz.bundle.js"></script>
- <script>
- $(function(){
- //删除操作
- jQuery("a[name=categoryButton]").click(function(){
- var url = $(this).attr('data-url');
- var msg = $(this).attr('data-msg');
- $("#categoryModal .modal-body span").text(msg);
- $("#categoryModal .modal-body input").val(url);
- jQuery('#categoryModal').modal('show', {backdrop: 'fade'}).css({
- 'margin-top': function () {
- var modalHeight = jQuery("#categoryModal").find('.modal-dialog').height();
- return ($(window).height() / 2 - (modalHeight / 2));
- }
- });
- });
- //确认删除
- jQuery("button[name=categoryConfirmButton]").click(function(){
- var url = $("#categoryModal .modal-body input").val();
- $.ajax({type:"GET",url:url,async:false,dataType:'json',success:function(data){
- if(data.code == 'A0001'){
- $('#categoryModal').modal('hide');
- window.location.reload();
- }else{
- xhPopMsg(data.msg,5000);//调用定时浮层 XXX毫秒后消失
- }
- }});
- });
- //增加子分类操作
- jQuery("a[name=addChildButton]").click(function(){
- var url = $(this).attr('data-url');
- var name = $(this).attr('data-name');
- var parentId = $(this).attr('data-id');
- var classify = $(this).attr('data-classify');
- $("#addChildModal .modal-header span").text(name);
- $("#addChildModal .modal-body input[name=parentId]").val(parentId);
- $("#addChildModal .modal-body input[name=classify]").val(classify);
- $("#addChildModal .modal-body input[name=requestUrl]").val(url);
- jQuery('#addChildModal').modal('show');
- });
- //增加子分类确认
- jQuery("button[name=childConfirmButton]").click(function(){
- var url = $("#addChildModal .modal-body input[name=requestUrl]").val();
- var childName = $("input[name=childName]").val();
- var childCover = $("input[name=childCover]").val();
- var childDesc = $("textarea[name=childDesc]").val();
- var childList = [childDesc,childCover,childName];
- var childMsg = ['请填写描述','请上传封面','请填写分类名称'];
- var submitStatus = true;
- for(var i=0;i<childList.length;i++){
- if(isNotNull(childList[i]) == false){
- $("p[name=childMention]").css('color','red').html(childMsg[i]);
- submitStatus = false;
- }
- }
- if(submitStatus){
- var parentId = $("#addChildModal .modal-body input[name=parentId]").val();
- var childIsShow = $(":input[name=childIsShow]:checked").val();
- var classify = $("#addChildModal .modal-body input[name=classify]").val();
- var data = "categoryName="+childName+"&cover="+childCover+"&description="+childDesc+"&parentId="+parentId+"&classify="+classify+"&isShow="+childIsShow+"&_csrf=<?= Yii::$app->request->csrfToken ?>";
- $.ajax({type:"POST",url:url,data:data,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- xhPopMsg(data.msg,1200);//调用定时浮层 XXX毫秒后消失
- setTimeout(function(){
- window.location.reload();
- },1400);
- }
- }
- });
- }
- });
- //增加主分类操作
- jQuery("a[name=addMainButton]").click(function(){
- var url = $(this).attr('data-url');
- $("#addMainModal .modal-body input[name=requestUrl]").val(url);
- jQuery('#addMainModal').modal('show');
- });
- //增加主分类确认
- jQuery("button[name=mainConfirmButton]").click(function(){
- var url = $("#addMainModal .modal-body input[name=requestUrl]").val();
- var mainName = $("input[name=mainName]").val();
- var mainCover = $("input[name=mainCover]").val();
- var mainDesc = $("textarea[name=mainDesc]").val();
- var mainList = [mainDesc,mainCover,mainName];
- var mainMsg = ['请填写描述','请上传封面','请填写分类名称'];
- var submitStatus = true;
- for(var i=0;i<mainList.length;i++){
- if(isNotNull(mainList[i]) == false){
- $("p[name=mainMention]").css('color','red').html(mainMsg[i]);
- submitStatus = false;
- }
- }
- if(submitStatus){
- var mainClassify = $(":input[name=mainClassify]:checked").val();
- var mainIsShow = $(":input[name=mainIsShow]:checked").val();
- var data = "categoryName="+mainName+"&cover="+mainCover+"&description="+mainDesc+"&parentId=0&classify="+mainClassify+"&isShow="+mainIsShow+"&_csrf=<?= Yii::$app->request->csrfToken ?>";
- $.ajax({type:"POST",url:url,data:data,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- xhPopMsg(data.msg,1200);//调用定时浮层 XXX毫秒后消失
- setTimeout(function(){
- window.location.reload();
- },1400);
- }
- }
- });
- }
- });
- //修改分类操作
- jQuery("a[name=modifyButton]").click(function(){
- var url = $(this).attr('data-url');
- var modifyName = $(this).attr('data-name');
- var modifyImg = $(this).attr('data-img');
- var modifyDesc = $(this).attr('data-desc');
- var modifyId = $(this).attr('data-id');
- var modifyIsShow = $(this).attr('data-show');
- $(":radio[name=modifyIsShow]").each(function(){
- var val = $(this).val();
- if(modifyIsShow == val){
- $(this).attr('checked','true');
- }
- });
- $("#modifyModal .modal-body input[name=modifyName]").val(modifyName);
- $("#modifyModal .modal-body input[name=requestUrl]").val(url);
- $("#modifyModal .modal-body input[name=modifyCover]").val(modifyImg);
- $("#modifyModal .modal-body input[name=modifyId]").val(modifyId);
- $("#modifyModal .modal-body textarea[name=modifyDesc]").val(modifyDesc);
- $("#modifyModal .modal-body img[name=modifyCover]").attr('src',"<?= Yii::$app->params['imgUrl']?>"+modifyImg);
- jQuery('#modifyModal').modal('show');
- });
- //修改分类确认
- jQuery("button[name=modifyConfirmButton]").click(function(){
- var url = $("#modifyModal .modal-body input[name=requestUrl]").val();
- var modifyName = $("input[name=modifyName]").val();
- var modifyCover = $("input[name=modifyCover]").val();
- var modifyDesc = $("textarea[name=modifyDesc]").val();
- var modifyList = [modifyDesc,modifyCover,modifyName];
- var modifyMsg = ['请填写描述','请上传封面','请填写分类名称'];
- var submitStatus = true;
- for(var i=0;i<modifyList.length;i++){
- if(isNotNull(modifyList[i]) == false){
- $("p[name=modifyMention]").css('color','red').html(modifyMsg[i]);
- submitStatus = false;
- }
- }
- if(submitStatus){
- var modifyId = $(":input[name=modifyId]").val();
- var modifyIsShow = $(":input[name=modifyIsShow]:checked").val();
- var data = "id="+modifyId+"&categoryName="+modifyName+"&cover="+modifyCover+"&description="+modifyDesc+"&isShow="+modifyIsShow+"&_csrf=<?= Yii::$app->request->csrfToken ?>";
- $.ajax({type:"POST",url:url,data:data,dataType:'json',async:false,success:function(data){
- if(data.code == 'A0001'){
- xhPopMsg(data.msg,1200);//调用定时浮层 XXX毫秒后消失
- setTimeout(function(){
- window.location.reload();
- },1400);
- }
- }
- });
- }
- });
- });
- $(function() {
- document.querySelector('#mainCover').addEventListener('change', function () {
- //参数说明 https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
- lrz(this.files[0],{
- width: 250,// 图片最大不超过的宽度,默认为原图宽度,高度不设时会适应宽度。
- fieldName:'Filedata',//文件名
- quality:1,//图片质量 0.1 - 1
- })
- .then(function (rst) {
- // 处理成功会执行
- rst.formData.append('fileLen', rst.fileLen);
- rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
- $.ajax({
- //url: '/main/img', // 这个地址做了跨域处理,可以用于实际调试
- url: '/upload/upload-file', // 这个地址做了跨域处理,可以用于实际调试
- data: rst.formData,
- processData: false,
- contentType: false,
- type: 'POST',
- dataType:'json',
- success: function (data) {
- $("img[name=mainCover]").attr('src','<?= Yii::$app->params['imgUrl']; ?>'+data.url);
- $("input[name='mainCover']").val(data.url);
- }
- });
- })
- .catch(function (err) {
- // 处理失败会执行
- })
- .always(function () {
- // 不管是成功失败,都会执行
- });
- });
-
- document.querySelector('#modifyCover').addEventListener('change', function () {
- //参数说明 https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
- lrz(this.files[0],{
- width: 250,// 图片最大不超过的宽度,默认为原图宽度,高度不设时会适应宽度。
- fieldName:'Filedata',//文件名
- quality:1,//图片质量 0.1 - 1
- })
- .then(function (rst) {
- // 处理成功会执行
- rst.formData.append('fileLen', rst.fileLen);
- rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
- $.ajax({
- //url: '/main/img', // 这个地址做了跨域处理,可以用于实际调试
- url: '/upload/upload-file', // 这个地址做了跨域处理,可以用于实际调试
- data: rst.formData,
- processData: false,
- contentType: false,
- type: 'POST',
- dataType:'json',
- success: function (data) {
- $("img[name=modifyCover]").attr('src','<?= Yii::$app->params['imgUrl']; ?>'+data.url);
- $("input[name='modifyCover']").val(data.url);
- }
- });
- })
- .catch(function (err) {
- // 处理失败会执行
- })
- .always(function () {
- // 不管是成功失败,都会执行
- });
- });
- document.querySelector('#childCover').addEventListener('change', function () {
- //参数说明 https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
- lrz(this.files[0],{
- width: 250,// 图片最大不超过的宽度,默认为原图宽度,高度不设时会适应宽度。
- fieldName:'Filedata',//文件名
- quality:1,//图片质量 0.1 - 1
- })
- .then(function (rst) {
- // 处理成功会执行
- rst.formData.append('fileLen', rst.fileLen);
- rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
- $.ajax({
- //url: '/main/img', // 这个地址做了跨域处理,可以用于实际调试
- url: '/upload/upload-file', // 这个地址做了跨域处理,可以用于实际调试
- data: rst.formData,
- processData: false,
- contentType: false,
- type: 'POST',
- dataType:'json',
- success: function (data) {
- $("img[name=childCover]").attr('src','<?= Yii::$app->params['imgUrl']; ?>'+data.url);
- $("input[name='childCover']").val(data.url);
- }
- });
- })
- .catch(function (err) {
- // 处理失败会执行
- })
- .always(function () {
- // 不管是成功失败,都会执行
- });
- });
- });
- </script>
|