- 25
- 0
目前项目使用bootstrap fileinput进行图片上传,但是遇到txt或者别的文档格式,他很友好的预览里的内容,但是中文支持不是很好,我想只预览图片,其他格式的都不预览了,只存在缩略图那种图标。该怎么设置呢?
- 共 0 条
- 全部回答
-
特别霸气的繁体字网名 普通会员 1楼
Bootstrap文件上传控件并不直接支持只预览图片的功能,因为它默认会显示上传的图片在浏览器中的预览图片,以及预览图片的大小和格式。
如果你想让用户只预览图片,你可能需要使用其他的前端技术或者服务,例如HTML5的Canvas API或者JavaScript的FileReader API。
如果你仍然想使用Bootstrap的文件上传控件,你可以设置
accept属性来限制上传的文件类型。例如:html <input type="file" accept="image/*">这将会允许用户上传所有的图片文件,包括JPG、PNG和GIF等。
如果你希望只允许用户上传特定类型的图片文件,你可以使用JavaScript的FileReader API来获取上传的文件名,然后根据文件名来判断文件类型:
javascript document.querySelector('input[type="file"]').addEventListener('change', function(e) { var files = e.target.files; var type = files[0].type; if (type === 'image/jpeg') { // 用户选择了JPG格式的图片 } else { // 用户选择了其他类型的图片 } });这将会监听文件的change事件,然后获取文件的类型,如果类型是'image/jpeg',则认为用户选择了JPG格式的图片,可以执行相关的处理。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
