很多时候,项目里都是需要上传功能的,现在就来研究研究,
首先,在html页面引入layui的包,如:
<link rel="stylesheet" href="map/plug-in/scripts/layui/css/layui.css" /> <script type="text/javascript" src="map/plug-in/scripts/layui/lay/dest/layui.all.js" ></script> |
接着在html页面写:
<div class="layui-form-item query_inp query_inp2"> <div class="layui-input-inline"> <input type="file" name="file(queryUpload)" class="layui-upload-file layui-upload-file_chaxun"> </div> </div> |
然后再在js文件里对其渲染:
layui.upload({
elem: '.layui-upload-file_chaxun',
url: 'importServlet.do'
,title: '请上传TXT文件'
,ext: 'txt' //那么,就只会支持这三种格式的上传。注意是用|分割。
,success: function(res,input){
}
});
|
在这里需要注意的是,如果你有多个上传控件,你就在class里重新命名一个,然后用 elem这个属性来确定对应的上传控件做对应的事情。
The End




大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)