form表单图片预览 layui_layui 实现图片上传和预览

[学习笔记]

图片不自动上传并在表单提交时再上传，看代码。

附上表单页面

前台实现

autocomplete="off" class="layui-input" disabled>

autocomplete="off" class="layui-input">

上传图片

确定

layui.use(['form', 'layer', 'upload'], function () {

$ = layui.jquery;

var form = layui.form，

layer = layui.layer,

upload = layui.upload;

/*上传图片*/

upload.render({

elem: '#preview_img'

, url: 'upload'

, size: 1024

, auto: false //不自动上传

, bindAction: '#upload_img' //上传绑定到隐藏按钮

, choose: function (obj) {

//预读本地文件

obj