JavaScript进阶（九）：JS实现本地文件上传至阿里云服务器_以下是使用js的xhr api将图片上传到阿里云服务器的示例代码

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

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

前端面试题汇总

JavaScript

KaTeX parse error: Expected '}', got 'EOF' at end of input: … appCallServer(http, “G031”, {
“mangid” : localStorage.mangid,
“appBase64”: appBase64,
“appVersion” : appName
},
// success function
function(data) {
alert(“上传文件成功”);
},
// fail function
function(data) {
alert(“上传文件失败:” + data.errtext);
});
} catch (error) {
alert(“G031:” + error.message);
}
};
});

#### Html脚本

#### 服务端接收代码

/************************* 更新移动APP版本信息 *********************/
public static boolean do_G031(RequestMessage request,ResponseMessage response){
logger.info(“\n\n------------Update_APP_G031 debug info-------------\n请求数据包信息:” + request.json.toString());
if(!Pubf.checkMangSession(request,response)){
return(false);
}
try{
String app,version;
app = request.getString(“appBase64”).trim();
version = request.getString(“appVersion”).trim();
/--------------------------- 将应用存进服务端 ---------------------------/
if(!app.equals(“”)){
logger.info(“开始写文件…”);
FileUtil.GenerateApp(app, MyConst.APP_FILE_PATH + version + “.wgt”);
logger.info(“写文件完成…”);
/-------------------------将应用版本号写进版本文件--------------------------/
logger.info(“开始写入版本号…”);
FileUtil.writeFile(MyConst.APP_VERSION_FILE_PATH, version);
logger.info(“写版本号完成…”);
return(true);
}else{
return(false);
}
}catch(Exception e){
e.printStackTrace();
response.errtext = “移动APP更新失败”;
response.result = MyConst.ERR_FORMAT;
return(false);
}
}

工具类

/**
 * 
 * @param appStr 应用内容
 * @param appFilePath 应用存放路径
 * @return
 */
public static boolean GenerateApp(String appStr, String appFilePath) { // 对字节数组字符串进行Base64解码并生成wgt更新包
if (appStr == null) // 文件数据为空
return false;
BASE64Decoder decoder = new BASE64Decoder();
try {
// Base64解码
byte[] b = decoder.decodeBuffer(appStr);
for (int i = 0; i < b.length; ++i) {
if (b[i] < 0) {// 调整异常数据
b[i] += 256;
}
}
// 生成wgt应用
OutputStream out = new FileOutputStream(appFilePath);
out.write(b);
out.flush();
out.close();
return true;
} catch (Exception e) {
return false;
}
}
```



```
 
```


读取到的文件内容如下:


 ![](https://img-blog.csdn.net/20160316111728050?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)


      由上图可见，其编码方式正是我们之前所说的Base64编码方式。那么接下来的工作就很好做了。按照之前图片处理的思路即可。


      期间自己也遇到了一部分问题。例如





### Vue

* 什么是MVVM？

* mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

* 组件之间的传值？

* Vue 双向绑定原理

* 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

* 虚拟 DOM 实现原理

* Vue 中 key 值的作用？

* Vue 的生命周期

* Vue 组件间通信有哪些方式?

* vue 中怎么重置 data?

* 组件中写 name 选项有什么作用？

* Vue 的 nextTick 的原理是什么？

* Vuex 有哪几种属性?  

  **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

  ![](https://img-blog.csdnimg.cn/img_convert/7ae8b7d1bb444279fc6aa23d42173794.png)

  ![](https://img-blog.csdnimg.cn/img_convert/4335d677b95caa0ea0d29141cc0c3c1f.png)