Bootstrap

实现一行代码文件上传

一行代码文件上传,实际上是把上传功能封装成一个上传函数,需要上传时用onclick调用函数实现上传。
此种上传方式比较适合页面多处文件上传的情况。
content为上传的参数是数据库记录关联和分类,可以忽略
upid是文件id<input type="file" id="id">

ths是上传事件对象,可以通过事件对象获取对象其它参数

上传函数代码

function sasa2(upid,ths,content){//新文件上传
var pid=$(ths).attr("name");
if($('#'+upid).val().length==0){
alert("请选择要上传的文件");
}else{
$.ajaxFileUpload({
     url:"<%=request.getContextPath()%>/contract/doUpload",
     secureuri:false ,//一般设置为false
     fileElementId:upid,//文件上传控件的id属性                  
     data:{"pid":pid,"content":content}, //上传文件时传入的其它参数
     success:function(dt){ //返回文件存储编号
       $('#'+upid).attr("data-fn",dt);
       $('#'+upid).parent("span").next().text("OK");                          
      }                
 });
}         
}


调用函数代码

<label> 身份证(正面): </label>
<input type="file" id="sqidentityFront" name="upfile" data-fn="0" class="scBtn" />
<a class="upbtn" name="'+pid+'" οnclick="sasa2(\'sqidentityFront\',this,\'身份证\')">上传</a><br>

;