前言

ruoyi 4.6.0
layui 2.3.0

layui upload

若依的默认上传组件虽然是bootstrap-fileinput(这里，这里，这里)，但还是可以使用layui upload。

若依未包含layui的upload组件，自己去（这里）下载upload组件并引入即可。

使用

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>layui</title><meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><link rel="stylesheet" th:href="@{/layui/css/layui.css"  media="all">
</head>
<body><div class="layui-upload"><button type="button" class="layui-btn" id="btn1">上传图片</button><div class="layui-upload-list"><img class="layui-upload-img" id="preview1" width="150px"></div>
</div>   <script th:src="@{/layui/layui.js}" charset="utf-8"></script>
<script>
layui.use('upload', function(){var $ = layui.jquery,upload = layui.upload;//图片上传var uploadInst = upload.render({elem: '#btn1',url: ctx+'common/upload',auto: true /*选中后，立即上传*//*上传完成后的回调函数*/,done: function(res){//上传成功// 预览已上传的图片$('#preview1').attr('src', res.url); // 提示return layer.msg(res.msg,{icon: res.status,time: 2000});}});});
</script></body>
</html>

参考这里。

【若依(ruoyi)】layui upload相关推荐

layui upload 额外参数上传
layui 2.0.x upload 额外参数上传 <div class="layui-inline" style="margin-top: 5px;"& ...
layui upload 后台获取不到值
后台获取不到值方法一: <script>layui.use('upload', function () {var upload = layui.upload;//执行实例var uploa ...
layui upload.render上传组件js动态添加html后再次渲染
页面效果页面代码: <input type="hidden" name="mcBaunell" id="m ...
Layui upload上传文件
一.使用layui upload模块上传文件 1.upload基本介绍使用 upload 模块必须与 upload.render(options) 方法打交道,其中的 options即为基础参数,它 ...
layui upload 上传大小限制
百度了很多方法都没有成功,受到upload 限制文件最大kb 启发.添加了限制最小kb.废话不多说,上代码 upload.render({ elem: '.test' ,acc ...
layUi upload单文件上传，重复上传的问题
今天遇到个问题,layUi upload单文件上传,选择两个不同文件时,第二次点击上传按钮还没选择上传,会把第一次上传的文件再上传一次 .在网上查到了答案,记录一下 //单个上传 upload.ren ...
layui上传文件php上传接口异常,layui.upload上传图片报错“请求上传接口出现异常”...
layui.upload上传图片报错"请求上传接口出现异常"且接口报404问题在调试layui.upload上传图片时候报错"请求上传接口出现异常": 且接口 ...
layui upload附件上传
1.layui upload 动态生成js // 附件上传 // elemId:上传button, elemFile:文件存放地址 function fileUpload(elemId,elemFil ...
LayUI upload上传组件上传文件的两种方式（手动上传、自动上传）
1 手动上传上传文件分为两步,第一步选择文件,第二步上传文件. HTML代码: <input type='button' id='selectFile' value='选择文件'> &l ...

【若依(ruoyi)】layui upload

前言

layui upload

使用

更多

【若依(ruoyi)】layui upload相关推荐

最新文章

热门文章