LayUI 文件上传 文件类型后缀 设置

图片/文件上传 - layui.upload
点击跳转到Layui官网文件上传页面

找到设置文件上传类型的设置的参数

代码

<div class="layui-upload-drag" id="test10">
  <i class="layui-icon"></i>
  <p>点击上传，或将文件拖拽到此处</p>
  <div class="layui-hide" id="uploadDemoView">
    <hr>
    <img src="" alt="上传成功后渲染" style="max-width: 196px">
  </div>
</div>

upload.render({
    elem: '#test10'
    ,url: 'https://httpbin.org/post' //改成您自己的上传接口
    ,done: function(res){
      layer.msg('上传成功');
      layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.files.file);
      console.log(res)
    }
  });

自行设置上传文件的后缀类型

exts: 'xls|xlsx|csv|zip|pdf|doc|docx|png|jpeg|jpg|gif'// 设置允许上传的格式

, exts: 'xls|xlsx|csv' 		Excel文件后缀
，exts: 'zip'				压缩包文件后缀
, exts: 'pdf'				PDF文件后缀
, exts: 'doc|docx'			Word文件后缀
, exts: 'png|jpeg|jpg|gif'	图片文件后缀

upload.render({
            elem: '#test10',
            url: "自己的上传接口",
            accept: 'file',
            exts: 'xls|xlsx|csv', //限制上传文件的后缀名，用|分隔
            done: function (res, index, upload) {
                if (res.Code == 1) { //上传成功
                    alert("上传成功");
                }
                else {
                    alert("上传失败！");
                }
            },
            error: function (index, upload) {
                alert("上传失败！");
            }
        });