file文件添加change事件,结合ajaxFileUpload使用文件上传只生效一次问题解决
2017-01-12 14:03
821 查看
<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();
});
}
$("#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();
});
}
相关文章推荐
- 使用ajaxfileupload.js进行文件上传,出现的问题以及解决办法
- spring mvc 下使用ajaxfileupload.js 异步上传文件 并返回信息 各种问题解决
- 使用input file 通过ajax 上传文件中onChange事件只触发一次问题
- 使用ajaxfileupload.js上传无法进回调问题终极解决
- 使用ajaxfileupload.js上传文件成功之后,不走success的解决方法
- jquery 文件上传插件ajaxfileupload.js 实现多图上传,解决文件上传后表单置空的问题
- asp.net结合ajaxfileupload控件上传文件一直提示undefined问题
- 解决在Safari、IE高版本中采用自定义选择文件按钮ajaxFileUpload不能上传问题
- 表单包含file上传文件提交,使用ajaxSubmint或者ajaxForm 遇到的问题以及解决方法
- AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框)
- ajaxFileUpload onchang上传文件插件第二次失效刷新一次才能再次调用触发change事件
- ASP.NET 使用ajaxfileupload.js插件出现上传较大文件失败的解决方法(ajaxfileupload.js第一弹)
- 上传文件中使用ajaxfileupload.js碰到的问题
- 上传文件中使用ajaxfileupload.js碰到的问题
- jQuery 文件上传插件ajaxFileUpload使用以及onchange问题
- ajaxfileupload_v.js 解决js版本不兼容,多文件上传不解析json的问题
- 解决ajaxfileupload二次上传文件问题
- ajaxfileupload文件上传插件,解决再次提交文件流置空的问题
- 解决使用ajaxFileUpload上传控件出现的问题:回调函数总是进入error或success
- 使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数解决办法