Drag

<div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag"> <i class="layui-icon layui-icon-upload"></i> <div>点击上传，或将文件拖拽到此处</div> <div class="layui-hide" id="ID-upload-demo-preview"> <hr> </div> </div> <!-- import layui --> <script> layui.use(function(){ var upload = layui.upload; var $ = layui.$; // 渲染 upload.render({ elem: '#ID-upload-demo-drag', url: '', // 实际使用时改成您自己的上传接口即可。 done: function(res){ layer.msg('上传成功'); $('#ID-upload-demo-preview').removeClass('layui-hide') .find('img').attr('src', res.files.file); console.log(res) } }); }); </script>