实现一行代码文件上传

本文介绍了一种通过一行代码实现文件上传的方法,该方法将上传功能封装为一个可复用的函数,适用于需要在多个位置进行文件上传的网页。通过简单的点击事件即可触发文件上传流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一行代码文件上传,实际上是把上传功能封装成一个上传函数,需要上传时用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+'" onclick="sasa2(\'sqidentityFront\',this,\'身份证\')">上传</a><br>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值