账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Bootstrap fileinput 如何做到只预览图片呢?
    25
    0

    目前项目使用bootstrap fileinput进行图片上传,但是遇到txt或者别的文档格式,他很友好的预览里的内容,但是中文支持不是很好,我想只预览图片,其他格式的都不预览了,只存在缩略图那种图标。该怎么设置呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 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格式的图片,可以执行相关的处理。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部