layui之上传⽂件和富⽂本框
本⽂包括的内容有：
layui⾃带的上传⽂件
谢晋元简介
上传⽂件所使⽤的jar包以及js
一马当先造句<script type="text/javascript" src="../../layui.js"></script>
上传的html
页⾯组件以及对应的标签
<div class="layui-form-item">
<div class="layui-inline" >
<label class="layui-form-label">其他附件</label>
<div class="layui-input-block">
<div class="layui-upload-drag" id="attachmentsUpload" ><i class="layui-icon"> </i>
<p>点击上传，或将附件拖拽到此处</p>
<p>请将⽂件打成压缩包上传</p>
</div>
<span id="attachmentsUploadPre" ></span>
小南瓜怎么做好吃
<!--存放⽂件上传返回的⽂件id-->
<input type="hidden" name="fileId" id="fileId" value="">
</div>
</div>
</div>
⽴即上传
选中⽂件并点击确认，即刻完成上传操作
怎么洗眼睛
//上传附件
// attachmentsUpload是上传组件的id
玛雅水上
elem: '#attachmentsUpload',
url: 'url',
accept: 'file', //允许上传的⽂件类型
// acceptMime: 'file/zip,file/rar',
choo: function (obj) {
obj.preview(function (index, file, result) {
$("#attachmentsUploadPre").html(file.name);
});
},
done: function (res, index, upload) { //上传后的回调
if (res.success) {
// 将上传返回的 id 信息赋值给 fileId 标签
$('#fileId').val(res.data);
} el {
layer.msg(res.msg);
}
}
});
延迟上传
当选中⽂件并点击确认时，⽂件并不会被上传⾄服务器；⽽是在点击了以 “updateAdd” 为id的按钮以后才将⽂件上传⾄服务器。
//上传附件
elem: '#attachmentsUpload',
url: 'url',
accept: 'file', //允许上传的⽂件类型
auto:fal，// 关闭⾃动上传
bindAction: '#updateAdd', // 点击该按钮以后上传⽂件
// acceptMime: 'file/zip,file/rar',
choo: function (obj) {
obj.preview(function (index, file, result) {
唐嫣金鹰女神$("#attachmentsUploadPre").html(file.name);
});
},
done: function (res, index, upload) { //上传后的回调
if (res.success) {
$('#fileId').val(res.data);
} el {
layer.msg(res.msg);
}
}
});
layui⾃带的富⽂本框
富⽂本框所需要的js 以及加密内容所需要的jar包和js
<script src="../../layui.js"></script>
<script type="text/javascript" src="../../common.js"></script>
<script type="text/javascript" src="../../ba64.js"></script>
import cn.util.ParamBa64Utils;
前台加密以及富⽂本框
<textarea id="remark" name="remark" ></textarea>
<script type="text/javascript">
var layedit, layer, form, $;
layui.u(['laytpl', 'form', 'layer', 'layedit', 'ax'], function () {
form = layui.form, layer = layui.layer, layedit = layui.layedit, ax=layer.ax; $ = layui.jquery;
var $ax = layui.ax;
var index=layedit.build('remark');
//获取⽤户详情
$.get('url', function (res) {
if (res.success) {
// 富⽂本框的内容设置
layedit.tContent(index,ark,fal);
form.val('versionForm', res.data);
}
});
//表单提交事件
<('submit(btnSubmit)', function (data) {
var yinLoading=layer.load();
// 加密
var b = new Ba64();
Content(index));
var ajax = new $ax('url', function (data) {
layer.clo(yinLoading);
if (data.success) {
layer.msg("提交成功", {icon: 1, time: 1500}, function () {
});
} el {
layer.msg(data.msg, {icon: 5, time: 1500});打嗝是什么原因
山邪合起来怎么读
}
});
ajax.t(data.field);
ajax.start();
});
});
</script>
后台解密
remark = ParamBa64Utils.decode(remark);
