javascript代码实例教程-struts2+jquery.form.js文件上传注意事项

发布时间:2019-02-02 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-struts2+jquery.form.js文件上传注意事项脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

///////1,js获取上传文件属性
VAR fso = new ActiveXObject("Scripting.FileSystemObject");
var filesize = fso.GetFile(file).size;
//ActiveXObject 是ie浏览器支持的特性,其他浏览器不适用
//在使用的时候,需要将所在站点设为可信站点,并将安全级别调低
//其实这么做的目的是 internet 选项--》自定义级别 中 对ActiveX 控件和插件中的选项设置成启用或提示


///////2,用jquery.form.js实现ajax文件上传(包含文本和文件的混合模式)
//实现原理:form中嵌套iframe的方式进行提交
var options = {
async:false,
url:"",
tyPE:"post",
//告诉jquery,提交数据包含file属性
enctype:"multipart/form-data",
//统一字符编码,止乱码
contentType:"charset=utf-8",
success: function(data) {
alert(data.resultmsg);
$('#upform').diaLOG("close");
},
error: function(data) {
$('#upfileBTn').attr("disabled","");
alert("上传附件失败,请重新选择附件");
},
dataType: "json"
};
$("#upform").ajaxSubmIT(options);

//在IE8却发现提示下载文件。
//IE 不支持 contentType 为application/json,在 ajax 上传文件完成后返回 json时 IE 提示下载文件。
//jquery利用的是iframe模式下无刷新上传,而iframe并不能直接获取返回json对象,返回的是一个对象数据流。
//在jquery.form.js这个插件中它的实现是利用返回的responseText来处理。也就是说,你要是返回一个text/htML的contentType,那它就
//能接收到,并且对这个返回的数据进行处理。因此,我们返回的不应该是一个json对象,而是一个json字符串!
//所以在java端响应时,我们应该添加


//防止中文乱码
ServletActionContext.getRequest().setCharacterEncoding("utf-8");
//设置ContentType:text/html,让js插件能够处理
ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-struts2+jquery.form.js文件上传注意事项全部内容,希望文章能够帮你解决javascript代码实例教程-struts2+jquery.form.js文件上传注意事项所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。