2024年Web前端最全WEB文件上传之JQuery ajaxfileupload插件使用(二),零基础也能看得懂
文末
我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。
首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。
更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
前端面试题汇总

JavaScript
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总

-
data:{name: $(‘#name’).val()},
-
success: function (data, status)
-
{
-
//清除定时器
-
if(uploadProcessTimer) {
-
window.clearInterval(uploadProcessTimer);
-
}
-
$(‘#loading’).hide();
-
var message = data[‘message’];
-
var code = data[‘code’];
-
if(code != 200) {
-
$(‘#fileUploadProcess’).html(‘0%’);
-
}
-
if(message)
-
{
-
alert(data.message);
-
}
-
},
-
error: function (data, status, e)
-
{
-
//清除定时器
-
if(uploadProcessTimer) {
-
window.clearInterval(uploadProcessTimer);
-
}
-
$(‘#loading’).hide();
-
//这里处理的是网络异常,返回参数解析异常,DOM操作异常
-
alert(“上传发生异常”);
-
}
-
})
-
return false;
-
}
-
JQuery ajaxfileupload文件上传
-
-
用户信息:
-
姓名:
-
附件:<input id=“fileToUpload”, name=“file1” type=“file” class=“input”>
-
-
<input type=“button” οnclick=“return ajaxFileUpload();” value=“上传”>
-
上传进度:
服务端处理修改
由原来的返回script改为纯JSON数据格式的返回
AjaxUploadFileServlet.java关键变动
Java代码

-
/**
-
* 返回结果函数
-
* @param response
-
* @param state
-
*/
-
private void responseMessage(HttpServletResponse response, State state) {
-
response.setCharacterEncoding(encode);
-
response.setContentType(“text/html; charset=” + encode);
-
Writer writer = null;
-
try {
-
writer = response.getWriter();
-
writer.write(“{\“code\”:” + state.getCode() +“,\“message\”:\”" + state.getMessage()+ “\”}");
-
writer.flush();
-
writer.close();
-
} catch(Exception e) {
-
logger.error(e.getMessage(), e);
-
} finally {
-
IOUtils.closeQuietly(writer);
-
}
-
}
4.总结
ajaxfileupload插件简化了文件上传的过程,页面上无需定义from表单,提交时自动完成临时form表单创建target为临时创建的iframe, 并将file控件复制一份到表单内进行提交,完成提交后自动销毁临时生成的form表单和iframe。
缺点:不支持多个file控件,不过这种解决方案也不适合进行多文件的提交,所以无伤大雅。
总结
=============================================================
从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
个人将这段时间所学的知识,分为三个阶段:
第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

-
推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。
-
大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)