layui 图片上传支持删除、上传、拖拽、复制粘贴

最新推荐文章于 2024-05-25 22:39:08 发布

长着狒狒毛的程序媛

最新推荐文章于 2024-05-25 22:39:08 发布

阅读量1.8k

点赞数 1

分类专栏： layui js 文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/qq_41515189/article/details/125945786

版权

效果如下：
在这里插入图片描述

HTML：
<div class="layui-form-item  layui-form-text">
      <label class="layui-form-label red_s">上传图片</label>
      <div class="layui-input-block">
          <div class="layui-upload">
              <blockquote class="layui-elem-quote layui-quote-nm">
                  <div class="layui-upload-list" id="upload-image-box">
                      <div class="layui-upload-drag" id="upload-choose">
                          <i class="layui-icon"></i>
                          <p>点击/拖拽/复制粘贴</p>
                      </div><input class="layui-upload-file" type="file"