许多基本定义和使用
方法在因特网上没有概述。下面是我使用的项目的一些问题和
解决方法。
注意:这个
插件主要用于
上传图片。插件的其他上传
文件没有涉及。
1。最小上载次数
通过查看其他数据,
配置中有两种方法
minfilecount:4 / /表示允许最小同时上传文件数
MaxFileCount:10,表示在同一时间允许的最大文件上传 / /数量
所有这两种方法都可以在插件的官方
网络API中找到,但是有一个问题。
minfilecount会
提示使用自己上传的方法
maxfilecount将提示当文件选择超过上限
showupload:真的, / /是否
显示上传按钮
原因可能是作者没有改变,也许以后的版本会解决这个问题。
两。不要使用插件上传表单表单提交问题。
我不使用插件的上传
功能,并使用表单表单提交项目。
如果表单提交需要注意以下问题
enctype =多部分/表单数据必须加入1.form
2。如果单个图片
背景不需要接收数组形式,或者可以
参考以下方法
对于(MultipartFile imgreturn:文件){
将覆盖新添加的内容,不添加以下代码。
actinfo =新HashMap();
如果(!Imgreturn.isEmpty()){
中= fileutil.upload(imgreturn);
}
}
为了接收数据的传递,
删除了部分代码,无法显示
保存文件的方法。
三。页面接收使用插件接收和
传输数据的问题。
这个插件能够
执行后台数据传输预览功能,但添加新数据后,会覆盖预览数据的问题,因此不建议使用此插件进行数据
修改操作。
预览后台相关代码
预览图片
VaR过账前清单=新的数组();
对于(var i = 0;i < redata.length;i++){
VaR img = null;
img =该{我}。activityimg;
图片
类型 过账前清单{我} = ;
}
无功previewjson =过账前清单;
与上述预览图片JSON数据集对应的配置数据
无功preconfiglist =新的数组();
对于(var i = 0;i < redata.length;i++){
无功array_element =该{我};
无功tjson = { {
Caption: reData{i}.activityno, / / display file name
网址:'imgdelete ' / /删除网址
关键:该{我}。activityno,Ajax / /删除重新传输
参数 宽度:'120px,
};
我preconfiglist { } = tjson;
}
$(# txt_fileup)。Fileinput({
语言:'zh / /语言
UploadUrl:'activityupdate,
UploadAsync:假,
allowedfileextensions:{ 'jpg ','gif ','png ','jpeg}, / /
后缀的文件接收
ShowCaption:真,
showupload:假, / /是否显示上传按钮
showremove:假, / /是否显示删除按钮
ShowCaption:真的, / /是否显示
输入框
显示预览部分:真实,
showcancel:真,
dropzoneenabled:假,
minfilecount:4,
MaxFileCount:10,
InitialPreviewShowDelete:true,
msgfilestoomany:选择一些上传的文件超过最大的允许!
* initialpreview:previewjson,
InitialPreviewConfig:* preconfiglist
}),('filepreupload '),('filepreupload,
函数(){(){
}),(fileuploaded
});
四。插件方法调用的使用
为了解决以前的问题层考虑使用调用插件的方法来判断,它不是很昂贵最后失败了,下面是使用的调用方法。
$(# txt_fileup '),('filedeleted功能(事件、关键){)
删除触发器
});
$(# txt_fileup '),('fileselect功能(事件、关键){)
触发器选择方法
});
以上是引导FileInput插件萧边
介绍的一个总结,希望能对你有帮助。如果你有任何问题,请给我留言。萧边会及时回复你。谢谢你的
支持网站。