layui官方网站:http://www.layui.com/
一个很好的前端框架,现在也出了后台模板(收费),值得我们学习和借鉴,非常感谢作者(贤心)的开源和维护。
一、下载layui部署到项目,在页面引入layui.css和layui.js。
二、html代码
<div class="layui-form-item">
<label class="layui-form-label">图片</label>
<div class="layui-input-block">
<img id="pre_img" style="height: 30px;" />
<button class="layui-btn layui-btn-sm" onclick="return false;" id="upload_img">
<i class="layui-icon"></i>上传图片
</button>
<input type="hidden" name="img" value="">
</div>
</div>
三、js代码
layui.use(['upload','jquery'],function () {
$ = layui.jquery;
var upload