file文件添加change事件,结合ajaxFileUpload使用文件上传只生效一次问题解决

本文介绍了一个使用jQuery实现的文件上传功能,包括前端的文件选择触发、上传操作及后端的处理逻辑。通过Ajax实现了文件上传过程中的异步交互,并详细展示了如何解析服务器返回的数据以及更新前端显示。

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


<input type="file" id="gateFile_AOP" name="file"/>

$("#gateFile_AOP").change(function(){

fileChange();

});

function fileChange(){
$.ajaxFileUpload({
             url: 'jsp/gateway/saveImageTmp.do', //用于文件上传的服务器端请求地址
             type: 'post',
             //data: { siteName: siteName, copyRight: copyRight }, //此参数非常严谨,写错一个引号都不行
             secureuri: false, //一般设置为false
             fileElementId: 'gateFile_AOP', //文件上传空间的id属性 
             dataType: 'text', //返回值类型
             success: function (data, status)  //服务器成功响应处理函数
             {
              $("#logo").val("");
              data=data.replace(/<pre.*?>/g, '');
              data = data.replace(/<PRE.*?>/g, '');
data = data.replace("<PRE>", '');
data = data.replace("</PRE>", '');
data = data.replace("<pre>", '');
data = data.replace("</pre>", '');
var jsonData=eval('('+data+')');
                if(jsonData.info=="ok"){
                $("#logoIcon").prop("src","");
                $("#logoIcon").prop("src","img/tmp/"+jsonData.iconName);
                $("#logoIcon").attr("data-name",jsonData.iconName);
                $("#directory").val(jsonData.directory);
                $("#logo").val(jsonData.iconName);
                }else{
                impAlert(jsonData.msg);
                }
                
             },
             error: function (data, status, e)//服务器响应失败处理函数
             {
               impAlert("保存失败");
             } 
         });
         $("#gateFile_AOP").change(function(){
fileChange();
});
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值