导入必要文件 ~~~ <link rel="stylesheet" href="/tp5/public/static/layui/css/layui.css"> <script src="/tp5/public/static/js/jquery.min.js"></script> <script src="/tp5/public/static/layui/layui.js"></script> ~~~ html源代码 ~~~ <div class="layui-form-item"> <label class="layui-form-label">缩略图</label> <div class="layui-input-block"> <input type="text" name="thumb" value="" class="layui-input layui-input-inline" id="thumb"> <input type="file" name="file" class="layui-upload-file"> </div> </div> ~~~ js源代码 ~~~ <script> layui.use('upload', function(){ layui.upload({ url: "URL",//上传接口 ext: 'jpg|png|gif',//限制文件 success: function (result) { document.getElementById('thumb').value = result.filename; } }); }); </script> ~~~