layui图片上传

最新推荐文章于 2024-06-06 10:27:00 发布

if时光重来

最新推荐文章于 2024-06-06 10:27:00 发布

阅读量258

点赞数

分类专栏： html js layui 文章标签： layui

本文链接：https://blog.csdn.net/admin_web/article/details/107197986

版权

js 同时被 3 个专栏收录

42 篇文章 1 订阅

订阅专栏

html

25 篇文章 0 订阅

订阅专栏

layui

2 篇文章 0 订阅

订阅专栏

index.html

注意1：你不一定非得按照上述格式返回，只要是合法的 JSON 字符即可。其响应信息会转化成JS对象传递给 done 回调。

注意2：如果上传后，出现文件下载框（一般为ie下），那么你需要在服务端对response的header设置 Content-Type: text/html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="layui.css">
	<script src="layui.js"></script>
</head>
<body>
    <button id="add">添加图片</button>
</body>
<script>
	layui.use('upload', function(){
          var upload = layui.upload;    
          //执行实例
          var uploadInst = upload.render({
            elem: '#add' //绑定元素
            ,url: "index/files.php" //上传接口
            ,data:{path:'banner'}, //携带参数
            done: function(res){ 
            	// 成功返回
            	// 该接口返回的相应信息（response）必须是一个标准的 JSON 格式
            	
                console.log(res)
            }
            ,error: function(){
              //请求异常回调
            }
          });
        });
</script>
</html>