bootstrap fileinput删除文件代码
时间: 2023-10-04 16:06:03 浏览: 185
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
以下是使用 bootstrap fileinput 删除文件的示例代码:
HTML 代码:
```html
<input id="file-input" type="file" class="file" data-show-upload="false">
```
JavaScript 代码:
```javascript
$("#file-input").fileinput({
language: "zh", // 设置语言为中文
allowedFileExtensions: ["jpg", "png", "gif"], // 允许上传的文件扩展名
showRemove: true, // 显示删除按钮
showPreview: true, // 显示预览
showCaption: false, // 隐藏文件名称输入框
browseClass: "btn btn-primary", // 浏览按钮样式
uploadUrl: "/upload", // 上传文件的 URL
});
$("#file-input").on("filedeleted", function(event, key) {
console.log("删除文件:" + key);
});
```
在上面的代码中,我们使用了 bootstrap fileinput 插件来创建文件上传控件,并设置了一些选项,例如允许上传的文件扩展名、是否显示删除按钮等。在删除文件时,我们监听了 `filedeleted` 事件,当文件被删除时,会触发该事件,并输出删除文件的 key 值。
阅读全文