上传按钮样式和预览
<div class="layui-upload">
<label id="lb"></label><br>
<input type="button" value="选取文件" class="layui-btn layui-btn-normal" onclick="getFile()">
<input style="display: none" type="file" name="file" id="getF" onchange="clickF()">
<img src="" id="img"/ >
</div>
<script>
// 通过自定义按钮来调用默认上传按钮
function getFile(){
$("#getF").click();
}
//预览图片
function showImage() {
var file = document.getElementId("getF").fles[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(evt){
document.getElementById("img").src = evt.target.result;
}
}
</script>