bootstrap fileinput.js限制上传文件类型

在使用 bootstrap fileinput.js时,需要限制上传文件的类型。发现有两个属性 allowedFileExtensionsallowedFileTypes

allowedFileExtensions是限制文件的后缀名, allowedFileTypes是限制文件的类型,两者所需的参数有所区别。如:

 allowedFileExtensions: ['jpg','png','bmp','jpeg'], 

 allowedFileTypes: ['image'], 

最开始,我在初始化时同时使用了这两个属性,但发现 allowedFileExtensions并未起作用,我在上传.gif文件时,并未给出提示。跟踪源代码后发现,如果同时初始化 allowedFileExtensions,allowedFileTypes,则 allowedFileExtensions不会起作用,例如设置了 allowedFileTypes: ['image'],则所有图片类型都可上传。

因此,在使用 fileinput.js限制上传文件类型时,可根据需要初始化 allowedFileExtensions,allowedFileTypes二者之一即可,在使用 allowedFileTypes后,allowedFileExtensions将无效。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。