<div class="layui-form-item">
<label class="layui-form-label">商品主图</label>
<div class="layui-input-inline">
<input type="text" name="img" id="img" lay-verify="required" placeholder="商品主图" autocomplete="off" class="layui-input">
<img style="width:100px;">
</div>
<div class="layui-input-inline">
<button type="button" class="layui-btn" id="imgbtn">上传图片</button>
</div>
</div>
layui.config({
base: '/admin/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'useradmin', 'upload'], function(){
var $ = layui.$,form = layui.form,upload = layui.upload;
var uploadInst = upload.render({
elem: '#imgbtn'
,url: '/admin/index/upload'
,ext: 'jpg|png|gif'
,done: function(res){
if(res.code == 0){
$(this.item).parent().prev("div").children("input").val(res.filename);
$(this.item).parent().prev("div").children("img").attr("src",res.img);
layer.msg("上传成功");
}
layer.msg(res.msg);
}
});
});
<div class="layui-tab-item">
<div class="layui-form-item">
<label class="layui-form-label">商品详情</label>
<div class="layui-input-block">
<textarea id="texter" name="texter"></textarea>
<textarea id="texter2" name="texter2" style="display: none;"></textarea>
</div>
</div>
</div>
layui.config({
base: '/admin/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'useradmin', 'tinymce'], function(){
var $ = layui.$,form = layui.form,t = layui.tinymce;
var edit = t.render({
elem: "#texter"
, height: 200
,images_upload_url:'/admin/Index/upload'
// ...
// 其余配置可参考官方文档
},function(opt,edit){
//加载完成后回调
//编辑器的内容改变时执行 把值赋给textarea
edit.on('blur', function(){
$("#texter2").val(edit.getContent());
});
});
});