该版本优化了目前jquery.html5uploader.js中的上传删除BUG
1、引入js、css
2、在需要操作上传位置添加标签
3、初始化上传插件3.1
该初始化方法建议放在页面填充数据强求后,比如ajax 方法中的success回调函数中,
实力中的”result.data.fjUrl”为页面初始化绑定的请求数据
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲upload').html5u…{ctx}/web/fileUpload’,//文件请求地址
onUploadStart:function(){
console.info(‘开始上传’);
},
onInit:function(){//初始化回调函数
//初始化赋值,用于数据查询时返回赋值 “result.data.fjUrl” 为上层请求返回值。
if(result.data.fjUrl!=undefined&&result.data.fjUrl.length>0){
var str=result.data.fjUrl.split(";");
for(var i=0;i<str.length;i++){
var html=’
-
- ’;
$("#upload").find(’.filelist’).append(html);} }
},
onUploadComplete:function(data){
console.info(‘上传完成’);
}
});
3.2删除方法
function delFjUrl(id) {
$("#"+id).removeAttr(“data”);
$("#"+id).hide();}
3.3表单提交时取值
var num_=KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲upload").find("…("#"+i+“file”).attr(“data”)!=undefined){
if(i==1){
str_+=KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲"+i+"file").att…("#"+i+“file”).attr(“data”);
}
}}
$("#fjUrl").val(str_);
后台
fileUpload方法从HttpServletRequest 中获取流生成文件,并返回文件网络地址即可
资源下载地址