<!--#layout("/common/layout.html",{"jsBase":"/js/admin/setting/banner/"}){ -->
|
<form class="layui-form" action="" id="addFrom">
|
<div class="layui-form-item">
|
<label class="layui-form-label">广告名称:</label>
|
<div class="layui-input-block">
|
<input type="text" name="picName" id="picName" class="layui-input">
|
</div>
|
</div>
|
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">封面:</label>
|
<div class="layui-input-block">
|
<img id="picUrl" dt="" src="" />
|
<input type="file" name="picture1" id="picture1" class="layui-input" style="width: 200px">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">链接:</label>
|
<div class="layui-input-block">
|
<input type="text" name="picPath" id="picPath" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">排序</label>
|
<div class="layui-input-block">
|
<input type="text" name="sort" id="sort" class="layui-input">
|
</div>
|
</div>
|
<div class="btn">
|
<button type="button" id="addButton" class="layui-btn layui-btn-primary">添加</button>
|
</div>
|
</form>
|
<style>
|
.btn{
|
width: 100%;
|
text-align: right;
|
}
|
.layui-input-block{
|
display: flex;
|
align-items: center;
|
}
|
</style>
|
<!--#} -->
|
<script>
|
|
layui.use(['add'], function(){
|
var roleAdd = layui.add;
|
roleAdd.init();
|
});
|
|
// 更新图片
|
$("#picture1").change(function () {
|
var formData = new FormData();
|
var file = $("#picture1")[0].files[0];
|
formData.append("file", file);
|
$.ajax({
|
type: "post",
|
url: Common.ctxPath+'/admin/setting/item/uploadAvatar.json',
|
data:formData,
|
// 告诉jQuery不要去处理发送的数据
|
processData: false,
|
// 告诉jQuery不要去设置Content-Type请求头
|
contentType: false,
|
success: function (data) {
|
console.log(data);
|
alert(data.path);
|
// $("#picture").attr('dt', data.path);
|
$("#picUrl").attr('src', "");
|
$("#picUrl").attr('dt', data.path);
|
}
|
});
|
})
|
</script>
|
