fileinput上传文件

最新推荐文章于 2021-08-05 13:58:59 发布

牧习

最新推荐文章于 2021-08-05 13:58:59 发布

阅读量255

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qq_30837459/article/details/77866393

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

引入css和js

<link rel="stylesheet" href="${base}plugin/bootstrap/css/fileinput.min.css">
<script src="${base}plugin/bootstrap/js/fileinput.min.js"></script>

html

<input type="file" class="projectfile" name="uploadPic" />

js设置样式

var projectfileoptions= {
     showUpload:false,
           showRemove:true,
           language:'zh',
           allowedPreviewTypes:[ 'image' ],
           allowedFileExtensions:[ 'jpg', 'png', 'gif' ],
           maxFileSize:10000
  };
// 文件上传框
$('input[class=projectfile]').each(function() {
       $(this).fileinput(projectfileoptions);
});