layui.open 传值_layui admin.open-程序员宅基地

技术标签: html  javascript  

场景:在文章编辑页面中点击插入图片按钮,弹出新窗口,完成选择后再获取选定的图片
主窗口:

{extend name="base/base" /}
{block name="main"}
<form id="form" method="post" class="layui-form layui-form-pane" action="{:url('/admin/article_change')}">
    <div class="layui-form-item">
        <label class="layui-form-label">所属层级</label>
        <div class="layui-input-block" style="width:92%; position: absolute;z-index: 9999;">
            <select name="cate_id" id="cate_id">
                <option value="0">请选择分类</option>
                {volist name="list" id="v"}
                <option value="{$v.id}">{$v.name}</option>
                {/volist}
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">文章标题</label>
        <div class="layui-input-block">
            <input type="text" name="title" placeholder="请输入文章标题" autocomplete="off" class="layui-input"
                   value="{:isset($data.title)?$data.title:''}" lay-verify="required">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图片上传</label>
        <div class="layui-input-block">
            <input type="text" id="img" name="img" placeholder="请选择图片" autocomplete="off" class="layui-input"
                   value="{:isset($data.img)?$data.img:''}" lay-verify="required" style="width: 90%; float: left;">
            <a class="layui-btn" style="float: left;" href="javascript:;" onclick="upload(this, 1)">选择图片</a>
        </div>
    </div>
    <div class="layui-form-item" id="container">
        <label class="layui-form-label">内容</label>
        <div class="layui-input-block">
            <textarea class="layui-textarea" id="content" name="content" style="width: 100%;">{:isset($data.content)? $data.content:""}</textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <input type="hidden" name="id" id="id" value="{:isset($data.id)?$data.id:''}">
            <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
{/block}
{block name="script"}
<!-- 配置文件 -->
<script type="text/javascript" src="/static/uedit/
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/epsds/article/details/101083061

智能推荐

在创建2D物体时,在Scene视图可以正常显示在Game视图模糊显示的原因_unity 图片在game看不清楚-程序员宅基地

文章浏览阅读758次。非标准的分辨率(比如10x16)可能导致Unity在默认情况下难以正确显示2D物体。当你将物体的Type类型设置为"Aspect Ratio"时,Unity会尝试通过调整物体的缩放,保持原始纵横比的同时适应不同分辨率的屏幕,从而使物体正确显示。总之,通过将物体的Type类型设置为"Aspect Ratio",Unity会尽力使物体在不同分辨率下保持纵横比,并正确显示。"Fixed Resolution"类型适用于在固定的像素尺寸下显示2D物体,但对于非标准分辨率,它可能导致物体出现错位或无法完全显示。_unity 图片在game看不清楚

Pycharm+PyQt5 报错:no Qt platform plugin could be initialized..._pycharm调用pyqt5报错缺少plugin-程序员宅基地

文章浏览阅读558次。Pycharm运行python脚本时PyQt5报错的解决方法。_pycharm调用pyqt5报错缺少plugin

【BP回归预测】基于改进的自适应遗传算法优化BP神经网络实现SOC预测含对比附matlab代码-程序员宅基地

文章浏览阅读40次。自适应遗传算法(Adaptive Genetic Algorithm)是一种基于遗传算法的优化方法,它通过模拟生物进化的过程来寻找最优解。而BP神经网络(Backpropagation Neural Network)则是一种常用的人工神经网络模型,用于解决分类和回归问题。本文将介绍如何利用改进的自适应遗传算法来优化BP神经网络,以实现对SOC(State of Charge)的预测,并与其他算法进行对比。SOC是指电池的电荷状态,对于电动车和可再生能源系统等应用具有重要意义。

AI的十大趋势如何?斯坦福《2024年人工智能指数报告》告诉你_斯坦福大学 李飞飞 《2024年人工智能指数报告》下载-程序员宅基地

文章浏览阅读881次,点赞21次,收藏17次。在美国,Pew的数据显示,对AI感到担忧的人超过了感到兴奋的人,比例从2022年的38%上升到了52%。该研究所的使命是提供不带偏见的、经过严格审查的、来源广泛的数据,以便政策制定者、研究人员、高管、记者和公众对复杂的人工智能领域有更深入细致的了解。到了2023年,AI在科学领域的应用变得更加广泛和深入,并取得了一系列突破性的成果,如提高算法排序效率的AlphaDev和促进材料发现的GNoME等。然而,也有一些研究表明,如果不对AI的使用进行适当的监管,可能会导致上班族的绩效下降。_斯坦福大学 李飞飞 《2024年人工智能指数报告》下载

【计算机毕设文章】计算机学院校友网-程序员宅基地

文章浏览阅读11次。参考自己的学习进度和操作习惯来讲,Oracle数据库是适合的,但是所需要的的安装软件很大,并且有好多不需要的功能都是开启的状态,十分消耗电脑资源,所以没有选择Oracle数据库,而SQL Server数据库虽然学过,但是安装的时候因为电脑上可能有其他的软件存在,经常性的出问题,而安装问题不好解决就需要重新安装操作系统,这样对已经存在的软件来讲又是一种时间上的浪费。总而言之,数据库经历了很长一段时间的发展,从最初的不为人知,到现在的人尽皆知,其相关技术也越发成熟,同时也拥有着坚实的理论基础。

uni-app(Vue3/Vite) + vant UI(Vue3版本)+ js 按需引入的项目搭建_unii- app vant ui v3-程序员宅基地

文章浏览阅读1.6w次,点赞21次,收藏45次。因为要完成软件工程的项目,要做一个nativeApp,看了很多的技术文档以后决定使用多端兼容的Uniapp来开发。组件方面的话最后决定使用目前比较火的Vant UI。但是看了CSDN和掘金上面的很多文章,似乎没有一篇是关于uniapp中使用Vite对vant组件进行按需引入(可能这个搭配技术还比较新吧,好像是去年12月份完善的技术),如果按照网上的vue-cli + vant的方法配置DCloud官网中提供的Uniapp的项目似乎并不可行(满屏的bug)uni-app官网,鉴于对Vant的热..._unii- app vant ui v3

随便推点

使用$emit进行子传父_使用emit实现子组件给父组件传参-程序员宅基地

文章浏览阅读193次。vue使用$emit传参_使用emit实现子组件给父组件传参

ThinkPHP 系列漏洞_thinkphp漏洞,2024年最新2024年网络安全社招面试题-程序员宅基地

文章浏览阅读867次,点赞10次,收藏19次。attr) : null //进行判断时,需要通过toArray()将getAttr($attr)进行数据类型转换,Output类中不存在toArray()方法,触发 think\console\Output::__call()调用不存在的方法。File::setTagItem($name) => File::set() => file_put_contents() => 写入 webshell。s=index/\think\Config/load&file=…// 将 webshell 写入缓存文件。

【WSN路由优化】基于蚁群算法求解无线传感器网络节点消耗能量最低路由优化问题附Matlab代码-程序员宅基地

文章浏览阅读1.2k次。无线传感器网络(WSN)是一种由大量低功耗、低成本的传感器节点组成的网络,用于收集和传输环境数据。由于传感器节点的能量有限,因此在WSN中路由优化至关重要,以最大限度地延长网络寿命。本文提出了一种基于蚁群算法(ACO)的WSN路由优化算法,旨在找到节点消耗能量最低的路由路径。引言WSN在环境监测、工业自动化和医疗保健等领域有着广泛的应用。然而,传感器节点的能量有限,因此路由优化对于延长网络寿命至关重要。传统的路由算法,如最短路径算法,并不考虑节点的能量消耗。蚁群算法。

Qt+libvlc+rtsp:视频层上绘图探究_qt 视频 绘制图片-程序员宅基地

文章浏览阅读1.3w次,点赞8次,收藏47次。使用libvlc获取rtsp流媒体并解码,再通过qt重绘,实现对视频窗口的自由编辑。_qt 视频 绘制图片

Android Studio之快捷键缩放字体_android studio放大字体的快捷键-程序员宅基地

文章浏览阅读1.3k次。Android Studio之快捷键缩放字体_android studio放大字体的快捷键

实验五 进程通信_进程同步实验心得-程序员宅基地

文章浏览阅读2.1k次,点赞2次,收藏7次。一、实验目的:掌握进程通信的基本原理、作用。了解LINUX 、Windows进程间通信的不同方法,如命名管道、文件映射等,掌握进程间通信的基本原理。掌握相关函数的使用方法。二、实验环境:一台运行Linux操作系统的计算机。三、实验内容:PART 1 LINUX 进程通信1. 命名管道(1)建立如下两个C 源文件,并编译链接成可执行文件,文件名可自己设置。源文件:fifo_write.c#include <sys/types.h>#include <s_进程同步实验心得