大佬教程收集整理的这篇文章主要介绍了五、bootstrap-fileinput,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="UTF-8"/> <title>Bootstrap 上传文件组件</title> <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> <link href="http://cdn.bootcss.com/bootstrap-fileinput/4.3.8/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap-fileinput/4.3.8/js/fileinput.min.js" type="text/javascript"></script> <script href="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script> <style> </style> </head> <body> <div class="container"> <div class="row myCenter"> <div class="col-xs-6 col-md-6 col-center-block"> <div class="container kv-main"> <h4>Bootstrap 多文件上传实例</h4> <form enctype="multipart/form-data"> <label>多文件预览上传实例</label> <input id="file-select" name="file-select[]" type="file" multiple> </form> <hr> <br> </div> </div> </div> </div> </body> <script> $(‘#file-select‘).fileinput({ language: ‘fr‘,uploadUrl: ‘#‘,allowedFileExtensions : [‘jpg‘,‘png‘,‘gif‘],‘elErrorContainer‘: ‘#errorBlock‘ }); </script> </html>
以上是大佬教程为你收集整理的五、bootstrap-fileinput全部内容,希望文章能够帮你解决五、bootstrap-fileinput所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。