bootstrap上传插件(fileinput.js)预览显示删除图标问题

预览时显示和不显示上传和删除图标,主要是通过 uploadUrl:"/..." 来控制,如果注释掉就会不显示


$(".fileupload").fileinput({
      language: "zh",
      showUpload: false,
      //uploadUrl: "/...",
      autoReplace: true,
      maxFileCount: 1,

      //allowedFileExtensions: ["jpg", "png", "gif"],
      browseClass: "btn btn-primary", //按钮样式
      previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
/* initialPreview: [
 "< img src='http://xxx/1.png' class='file-preview-image' />",
 ], */
  });

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 和大小、格式等功能,你会怎么实现呢? 对于Bootstrap文件fileinput,我们可以使用前端框架来实现多文件上删除以及限制最大上数量和大小、格式等功能。具体实现如下: 1. 在HTML页面中引入fileinput件的CSS和JS文件。 2. 创建一个input标签,并给它添加class为"file",然后给这个标签添加data属性,用来设置fileinput的一些参数。 3. 在JS文件中,初始化fileinput件,设置参数,例如设置最大上数量、大小、格式等,以及删除功能的相关操作。 4. 最后,将fileinput件渲染到HTML页面中即可。 这样,我们就可以很方便地实现Bootstrap文件fileinput的多文件上删除以及限制最大上数量和大小、格式等功能。 ### 回答2: Bootstrap文件fileinput可以通过设置参数实现多文件上删除以及限制最大上数量。 首先,在使用fileinput件时,需要设置`showUpload`参数为`true`,以显示按钮。 其次,设置`uploadUrl`参数为服务器上的上文件处理程序的URL,用于实际处理上文件的操作。 然后,设置`maxFileCount`参数来限制最大上数量。例如,若需要限制最大上数量为3,可以设置`maxFileCount`为3。 在HTML代码中,需要添加一个`<input>`标签,设置其`id`属性,并与件进行绑定。例如,`<input id="myFileinput" type="file" name="file" multiple>`。 接下来,在JavaScript代码中,可以使用`$('#myFileinput').fileinput()`来初始化fileinput件。 为了实现文件上的功能,可以设置`showPreview`参数为`true`。这将在选择文件时显示文件的缩略图。 针对删除文件的功能,可以设置`showRemove`参数为`true`。这将在文件缩略图上显示一个删除按钮,点击该按钮即可删除对应的文件。 通过以上设置和参数,Bootstrap文件fileinput可以实现多文件上删除以及限制最大上数量的功能。 ### 回答3: Bootstrap是一个流行的前端开发框架,其提供了丰富的件供开发人员使用。其中一个常用的件是fileinput,它可以方便地实现多文件上删除以及限制最大上数量的功能。 fileinput件基于HTML5的File API,可以通过一个简单的配置实现多文件上。首先,我们需要在HTML文件中引入必要的JS和CSS文件,然后使用Bootstrap的表单组件来创建一个用于上文件的表单项。 在JS文件中,我们可以使用fileinput的初始化函数来配置件的参数。通过设置maxFileCount参数,我们可以限制用户一次上的最大文件数量。另外,通过设置showPreview参数为true,可以让件在上过程中实时显示文件的图像。 为了实现文件的删除功能,我们可以使用fileinput提供的deleteUrl参数,将上成功的文件的唯一标识(比如文件名或ID)递给服务器端进行删除操作。如果不需要图像,我们可以将showPreview参数设为false,这样件将不会显示的文件图像。 总之,通过使用Bootstrap文件fileinput,我们可以方便地实现多文件上删除以及限制最大上数量的功能。只需简单的配置,就可以满足用户的需求。同时,件提供了良好的交互和视觉效果,使文件上操作更加友好和便捷。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冰式的美式

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值