基于layui的邮件写信界面，包含附件上传部分的PHP后台代码

最新推荐文章于 2022-11-08 10:44:17 发布

Gerhar

最新推荐文章于 2022-11-08 10:44:17 发布

阅读量2.4k

点赞数 1

分类专栏： layui前端文章标签： layui 上传

本文链接：https://blog.csdn.net/m0_38085778/article/details/81285776

版权

使用layui前端框架创建的邮件写信界面，详细介绍了如何实现附件上传功能，包括上传状态显示和数据回调。提供了upload.html, up.php, upload.css三个文件的示例，并附带源代码下载链接。" 131149167,18879204,Python删除上一行命令技巧,"['Python开发', '交互式编程', '命令行工具', '快捷操作', 'Readline']

摘要由CSDN通过智能技术生成

                                                                ——Gerhard

- 针对于使用layui作为前端所做的邮件发送界面，能够对附件实现上传与数据的回调，有上传状态（上传等待、上传完成等）或者可以加上进度条（这个我没弄完）

upload.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> 
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="layui/layui.js" ></script> 

<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="css/upload.css">
<title>邮件</title>

</head>
<body>
<div class="container" id="container">
    <!--左侧菜单-->
    <div id="left" class="left_body"></div>
    <!--右侧内容-->
    <div id="content" class="right_body">


<form action="" name="form2" class="layui-form" lay-filter="example">
    <div class="content_bigbox">
        <!--按钮工具栏-->
        <div class="tool_bar">
            <div class="title">
                <h2 class="styleFontColor"><span class="fe-font icon-489 styleFontColor"></span><i class="icon iconfont icon-xie"></i>新建邮件</h2>
            </div>
            <ul style="float:right;">
                <li class="left">
                    <ul>
                        <li class="last_btn">
                            <a onclick="Submits('send')"  class="auto_btn">发送</a>
                        </li>
                        <li>
                            <a onclick="Submits('save')" class="auto_btn">存草稿</a>
                        </li>
                        <li>
                            <a onclick="newMail()" class="auto_btn btn_danger">清空</a>
                        </li>
                        <li>
                            <a href="index.html" class="auto_btn btn_primary">关闭</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--写邮件-->
        <div class="readmailinfo">
            <div class="left_area">
                <div id="msgshow" style="display: none;">收件人不能空</div>
                <ul class="nmail">
                    <li class="pad-t8">
                        <label class="tit styleFontColor">收件人</label>
                        <div class="right">
                            <div class="orang"><input class="input" type="text" name="to2" id="to2" value="" ><i class="icon iconfont icon-structure"></i></div>
                        </div>
                    </li>
                    <li id="cch" style="display:none;">
                        <label class="tit styleFontColor ">抄送人</label>
                        <div class="right">
                            <div class="orang2"><input class="input" type="text" name="cc2" id="cc2" value="" ><i class="icon iconfont icon-structure"></i></div>
                        </div>
                    </li>
                    <li id="bcch" style="display:none;">
                        <label class="tit styleFontColor">密送人</label>
                        <div class="right">
                            <div class="orang2"><input class="input" type="text" name="bcc2" id="bcc2" value="" ><i class="icon iconfont icon-structure"></i></div>
                        </div>
                    </li>
                    <li>
                            <div class="cb_ch" style="margin-left:110px;">
                                <span id="addcc" class="styleFontColor">添加抄送</span>
                                <span>|</span>
                                <span id="addbcc" class="styleFontColor">添加密送</span>
                            </div>
                    </li>
                    <li>
                        <label class="tit styleFontColor">主题</label>
                        <div class="right">
                            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入主题" class="layui-input">
                        </div>
                    </li>

                    <li>
                        <label class="tit styleFontColor">附件</label>
                        <div class="right2">
                            <div style="position:relative;">
                                <div class="layui-upload-drag" id="attachment">
                                  <i class="layui-icon"></i>
                                  <p id="hidp1" class="hidp1">上传附件</p>
                                  <p id="hidp2">点击上传附件，或将文件拖拽到此处</p>
                                  <span id="hidp2" class="hidp2">* 单文件大小不能超过 10 MB</span>
                                </div>
                                <span id="hidspan" class="outspan hidspan">* 单文件大小不能超过 10 MB</span>
                                <a id="dragbtn">
                                    <i id="hidicon1" class="layui-icon layui-icon-triangle-r hidicon1" title="拖拽文件"></i>
                                    <i id="hidicon2" class="layui-icon layui-icon-close-fill" title="取消拖拽"></i>
                                </a>
                            </div>
                            <div class="ath_box clearfix" id="ath_box">

最低0.47元/天解锁文章

Gerhar

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
基于layui的邮件写信界面，包含附件上传部分的PHP后台代码

基于layui的邮件写信界面，包含附件上传部分的PHP后台代码针对于使用layui作为前端所做的邮件发送界面，能够对附件实现上传与数据的回调，有上传状态（上传等待、上传完成等）或者可以加上进度条（这个我没弄完）...
复制链接

扫一扫