<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Document</title>
<!-- 引入核心css文件 -->
<link rel="stylesheet" href="./layui-v2.6.8/layui/css/layui.css">
<!-- 引入核心js文件 -->
<script src="./layui-v2.6.8/layui/layui.js"></script>
</head>
<body>
<button type="button" class="layui-btn" id="test1">
<i class="layui-icon"></i>上传图片
</button>
<script>
layui.use('upload', function () {
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem: '#test1', //绑定元素
url: '/upload/', //上传接口
done: function (res) {
//上传完毕回调
},
error: function () {
//请求异常回调
console.log("异常");
}
});
});
</script>
</body>
<script>
</script>
</html>
到此为止!!!!
其他可以参考layui学习文档
文章来源:https://www.toymoban.com/news/detail-503022.html
Layui 开发使用文档 - 入门指南文章来源地址https://www.toymoban.com/news/detail-503022.html
到了这里,关于layui(6)——上传文件模块的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!