宝哥软件园

引导文件输入上传在删除新文件时触发服务器同步删除的配置

编辑:宝哥软件园 来源:互联网 时间:2021-08-29

删除引导文件输入中的预览文件时,可以通过配置initialpreviewconfig 3360[{ URL : ' delete file ',key:fileid}]同步删除服务器上的文件和记录。但是,新上传的文件需要其他方式来同步删除服务器记录。

记录配置中遇到的一些问题。

文件上传成功后,Fileinput将触发' fileuploaded '事件,图片删除后,将触发' filesuccessremove '事件。

在fileuploaded中,参数preview wId是一个字符串,如preview-1538964832345-2,而在filesuccessremove中,preview wid以uploaded开头,其编号与fileuploaded中的不同,如uploaded-1538964834797_18,但实际上两者都是指向同一个div的id。

因此,上传成功后,我们只需要将服务器返回的数据密钥或ID放入fileuploaded中的div中,然后在移除时取出即可。

代码如下:

//files是fileinput控件ID,$ ('# files ')。on ('fileuploaded ',函数(e,data,preview wid,index){//在成功上传$(' # ' preview wid)的情况下,将服务器返回的所需数据添加到文件对应的div中。attr ('fileid ',}).on ('filesuccessremove ',function (event,preview wid,extra){//获取remove事件中所需的数据,并执行相应的删除指令delete($(' # ' preview wid)。attr(' fileid ');});摘要

以上是Bootstrap fileinput向您介绍的配置,用于在上传新文件并删除它们时触发服务器的同步删除。希望对你有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+