上传的图片自适应效果，上传图片自动自适应，添加了固定在最底下的标签， layui框架，点击返回直接返回 ```bash

本文链接：https://blog.youkuaiyun.com/hujgg/article/details/115303447

本文介绍使用layui框架实现图片上传的自适应功能，并附加了固定在页面底部的返回按钮。通过ajax获取新闻详情并展示，包括标题、日期、内容及图片链接。同时，着重讲解了如何实现点击返回按钮回到上一页面的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上传的图片自适应效果，上传图片自动自适应，添加了固定在最底下的标签，
layui框架，点击返回直接返回

 <div class="divcss5">
        <div  id="imageView_container" >
        </div>
    </div>

.divcss5 img{width:600px; height:420px}

<div class="divcss5" style="width:99%;height:90%" id="data">
            </div>

       $(function () {
            //详情
            xgweb.ajaxGet(xgweb.apiAdd()+"News/GetNewsDetails",{}, function (result) {
                if (result.length <= 0) {
                    layer.alert("数据加载失败！",{skin:"demo-class"});
                } else {
					var ret = result.data[0];
                    $("#NewsID").val(ret.NewsID);
                    $("#Title").text(ret.Title);
                    var RegDate = ChangeDateFormat(ret.RegDate).toString("yyyy/MM/dd")
                    $("#RegDate").text(RegDate);
                    $("#DeptName").text(ret.DeptName);
                    $("#data").html(ret.Content);
                    $("#EmpName").text(ret.EmpName);
                    if (ret.filename == "" || ret.filename == null) {
                        $("#show").hide();
                    } else {
                        $("#show").show();
                        $("#img").attr("href", ret.filename);
                    }
                }
            })

获取图片信息


视频学习修改  去掉已学完 绑定控件 开始考试控件定在最下面  点击返回返回上一页
        .bottom {
            position: fixed;
            bottom:2px;
            left: 0;
            display: inline-block;
            width: 100%;
            text-align: center;
            background-color: #ffffff;
            z-index: 1
        }  //独占一行 定在最下面


  <div class="layui-inline">
        <div class="layui-form-mid" style="margin-left: 50px;">
            <input type="button" class="layui-btn" value="开始考试" id="exam"  >
        </div>
        <div class="layui-inline return">
            <div class="layui-form-mid" >
            <input type="button" class="layui-btn  layui-layer-close " value="返回" id="fanhui" >
            </div>
        </div>


    //点击返回
    var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
    $("#fanhui").click(function () {
        parent.layer.close(index);
    })