Layui学习与使用——上传图片到服务器,双击图片可放大查看。
<div class="layui-upload" id="uploadfile">
<div style="background-color:darkgray">
<text>异常图片(双击查看图片)</text>
<button type="button" class="layui-btn layui-btn-xs layui-btn-normal" style="margin-left:330px" id="uploadImages">上传照片</button>
@*<button type="button" class="layui-btn layui-btn-xs layui-btn-normal" style="margin-left:230px">上传照片</button>
<button type="button" class="layui-btn layui-btn-xs layui-btn-normal">删除照片</button>*@
</div>
<div class="layui-upload-list">
<table class="layui-table" style="border-spacing: 0px 0px;margin-top:0px;">
<thead>
<tr>
<th>文件名</th>
<th>大小</th>
<th>图片</th>
<th>操作</th>
</tr>
</thead>
<tbody id="imageFile"></tbody>
</table>
<div><input id="imageId" type="hidden" name="imageId" value="" /></div>
<div><input id="imgName" type="hidden" name="imgName" value="" /></div>