layui图片上传

index.html

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

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


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <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>

官网文档: https://www.layui.com/doc/modules/upload.html

你可能感兴趣的:(html,js,layui)