Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
作者:duduyx 时间:2024-04-19 09:45:02
在Bootstrap fileinput中移除预览文件时可以通过配置initialPreviewConfig: [ { url:'deletefile',key:fileid } ] 来同步删除服务器上的文件和记录。但新上传的文件则需要其他方式来同步删除服务器记录。
在配置中遇到的一些问题,记录一下。
fileinput在文件上传成功后会触发'fileuploaded'事件,移除图片后会触发'filesuccessremove'事件。
其中在fileuploaded中参数previewId是形如:preview-1538964832345-2这样的一串字符,而在filesuccessremove里previewId是以uploaded开头并且数字也和fileuploaded中的不一样,像这样的:uploaded-1538964834797_18,但其实两者都是指向同一个div的id。
所以上传成功后我们只要在fileuploaded将服务器返回的数据key或者ID放入该div中,移除时在从中取出就可以了。
代码如下:
//files为fileinput控件ID,
$('#files').on('fileuploaded', function (e, data, previewId, index) {
//在上传成功事件中将服务器返回的所需数据,添加到该文件对应的div中
$('#' + previewId).attr('fileid', data.response.fileid);
}).on('filesuccessremove', function (event, previewId, extra) {
//在移除事件里取出所需数据,并执行相应的删除指令
delete(($('#' + previewId).attr('fileid'));
});
总结
以上所述是小编给大家介绍的Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置 网站的支持!
来源:https://www.cnblogs.com/duduyx/archive/2018/10/08/9753019.html
标签:Bootstrap,fileinput
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Python中的字典及其使用方法
2022-03-22 13:31:49
![](https://img.aspxhome.com/file/2023/3/93673_0s.png)
Windows Server 2019 MySQL数据库的安装与配置理论+远程连接篇
2024-01-18 21:19:56
![](https://img.aspxhome.com/file/2023/9/70379_0s.png)
解决python3捕获cx_oracle抛出的异常错误问题
2023-01-21 17:51:26
php上传图片到指定位置路径保存到数据库的具体实现
2024-05-09 14:48:22
详解多线程Django程序耗尽数据库连接的问题
2024-01-23 02:27:14
python字符串的常用操作方法小结
2023-11-29 03:01:37
使用Python的Flask框架构建大型Web应用程序的结构示例
2022-05-01 01:35:35
每个程序员都应该学习使用Python或Ruby
2023-09-05 06:03:52
![](https://img.aspxhome.com/file/2023/2/130932_0s.png)
swiper在vue项目中loop循环轮播失效的解决方法
2024-05-03 15:10:24
学习Python爬虫前必掌握知识点
2022-10-09 04:32:57
![](https://img.aspxhome.com/file/2023/1/113061_0s.png)
JavaScript版的DateAdd、DateDiff、IsDate函数
2008-01-30 15:35:00
Python动态导入模块和反射机制详解
2023-07-16 14:02:10
![](https://img.aspxhome.com/file/2023/6/90286_0s.png)
MySQL数据库约束详解
2024-01-24 14:41:01
![](https://img.aspxhome.com/file/2023/1/69761_0s.png)
python logging添加filter教程
2022-08-21 00:36:43
ThinkPHP中URL路径访问与模块控制器之间的关系
2024-05-05 09:16:40
解决mac使用homebrew安装MySQL无法登陆问题
2024-01-27 06:22:24
JS二维数组的定义说明
2023-08-23 15:09:45
分析python服务器拒绝服务攻击代码
2021-07-21 20:47:29
设计工作者必须了解的常识
2008-04-06 13:56:00
Python+OpenCV 实现简单的高斯滤波(推荐)
2021-07-18 20:31:26
![](https://img.aspxhome.com/file/2023/6/88936_0s.png)