计算机系软件工程专业头像,软件工程——头像压缩(g)
1、修改el-upload的action=“dxx”(随便写)2、需要放到userinfo/index里的methods里
compress(img) {
let canvas= document.createElement("canvas");
let ctx= canvas.getContext("2d");
let initSize=img.src.length;
let width=img.width;
let height=img.height;
canvas.width=width;
canvas.height=height;
ctx.fillStyle= "#fff";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(img,0, 0, width, height);//进行最小压缩
let ndata = canvas.toDataURL("image/jpeg", 0.1);returnndata;
},
dataURLtoBlob(base64Data) {varbyteString;if (base64Data.split(",")[0].indexOf("base64") >= 0)
byteString= atob(base64Data.split(",")[1]);else byteString = unescape(base64Data.split(",")[1]);var mimeString =base64Data
.split(",")[0]
.split(":")[1]
.split(";")[0];var ia = newUint8Array(byteString.length);for (var i = 0; i < byteString.length; i++) {
ia[i]=byteString.charCodeAt(i);
}return newBlob([ia], { type: mimeString });
},
dataURLtoFile(dataurl, filename) {var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr= atob(arr[1]), n = bstr.length, u8arr = newUint8Array(n);while (n--) {
u8arr[n]=bstr.charCodeAt(n);
}return newFile([u8arr], filename, {type: mime});
},
post(rawFile) {const { uid } =rawFile;const options ={
headers:this.my,
withCredentials:this.withCredentials,
file: rawFile,
data:'',
filename:this.name,
action:this.action,
onProgress: e=>{this.onProgress(e, rawFile);
},
onSuccess: res=>{this.onSuccess(res, rawFile);
deletethis.reqs[uid];
},
onError: err=>{this.onError(err, rawFile);
deletethis.reqs[uid];
}
};const req = this.httpRequest(options);this.reqs[uid] =req;if (req &&req.then) {
req.then(options.onSuccess, options.onError);
}
},
beforeAvatarUpload(file) {const isJPG = file.type === 'image/jpeg';const isLt2M = file.size / 1024 / 1024 < 2;if (!isJPG) {this.$message.error('上传头像图片只能是 JPG 格式!');return 0;
}if (!isLt2M) {this.$message.error('上传头像图片大小不能超过 2MB!');return 0;
}
let self=this;if (!file || !window.FileReader) return;
let reader= newFileReader();
reader.readAsDataURL(file);
reader.onloadend=function() {
let result= this.result;
let img= newImage();
img.src=result;
img.οnlοad=function() {
let data=self.compress(img);
self.imgUrl=result;
let blob=self.dataURLtoBlob(data);
self.tempfile=self.dataURLtoFile(data,file.name);var formData = newFormData();
formData.append("pic", blob);
let config={
headers:{'Content-Type':'multipart/form-data'}
}
self.$http.post('' + LOCALHOST_URL + '/api/uploadPic',formData,config).then((response) =>{if(response.data.success=true) {
self.$message({
type:'success',
message:'修改成功!'});
self.imageUrl= URL.createObjectURL(formData.get('pic'));
}
}, (response)=>{
console.log(response)
}
)
}
}
},3、api
router.post('/api/uploadPic',upload.single('pic'),function (req, res) {
let file=req.file;
let tmp_path=file.path;
let target_path= './upload/pic/' + file.filename + '.jpg';
let resBody={};
console.log(file);
fs.rename(tmp_path, target_path, function (err) {if (err) throwerr;
fs.unlink(tmp_path, function () {
})
});
let id=req.api_user.id;
let url='https://dc17.xin/api/uploadpic/'+file.filename+'.jpg'; //TODO 上传至服务器后修改
connection.query('UPDATE user set thumb=? WHERE id =?',[url,id], function (err) {if(err) {
resBody.error= 500;returnres.send(resBody);
}else{
resBody.success= true;returnres.send(resBody);
}
})
});
计算机系软件工程专业头像,软件工程——头像压缩(g)相关推荐
- 软件工程专业测试,软件工程专业测试科目组成及分值情况.PDF
软件工程专业测试科目组成及分值情况 软件工程 专业测试科目组成及分值情况 学院名称:计算机与控制工程学院 对口院校:威海职业学院 考试科目 分值占比 总分 算法与数据结构 30% 专业综合 1 离散数 ...
- 计算机软件工程专业,计算机软件工程专业
下面是由普林斯顿评论发布的2011年美国大学研究生计算机软件工程Computer Software Engineering专业排名的信息,这是隶属于工程及应用科学Engineering and App ...
- 北邮 复习 软件工程_软件工程专业最厉害的32所大学,共分4个档次,第一档当之无愧!...
每一年的高考中,那些热门大学和热门专业都是最吸引人眼球的.读一所热门的大学,读一个热门的专业,就能赢在大学的起跑线上.2019年的高考就要来了,今年又会有哪些专业成为热门专业呢?在众多的专业中,有个专 ...
- 南京大学比中科大计算机与科学专业,教育部直属:16所“软件工程”专业强校,浙大、南大、中科大上榜...
教育品质专文:"在教育部直属的顶尖高校中,有16所高校获评软件工程专业第四轮学科评估的A类高等成绩,浙江大学.南京大学.中国科学技术大学上榜".值此发布之际,林瑜伽老师携手教育团队 ...
- 软件工程专业女生测试方向,女生学软件工程好吗 就业方向有哪些
女生学软件工程好吗 就业方向有哪些2018-11-27 11:25:50文/叶丹 软件工程是一个很热门的专业,男生学该专业的人数比较多,但是不少女生听说软件工程好就业也心动了,那么女生报考软件工程好不 ...
- 女孩学计算机软件工程,女生学软件工程好吗 就业方向有哪些
软件工程是一个很热门的专业,男生学该专业的人数比较多,但是不少女生听说软件工程好就业也心动了,那么女生报考软件工程好不好呢,毕业后能做什么工作呢? 女生适合学软件工程专业吗 软件工程专业之所以适合男生 ...
- 软件工程学科对人类社会和生活的重要意义_2019-2020全国软件工程专业大学排名,高考生志愿填报看过来...
高考填报志愿时,2019-2020全国软件工程专业大学排名情况怎样以及哪些大学比较好是广大考生以及家长朋友们十分关心的问题,目前教育部门并没有发布权威的软件工程专业大学排名,但是公布了计算机科学与技术 ...
- 软件工程专业实习可以做什么_想要获得软件工程实习机会? 这里有一些想法可以帮助您...
软件工程专业实习可以做什么 by Tatiana Doyle 塔蒂亚娜·道尔(Tatiana Doyle) 想要获得软件工程实习机会? 这里有一些想法可以帮助您. (Looking to land a ...
- 软件工程专业的发展方向
一.关于企业计算方向企业计算(Enterprise Computing) 企业计算是稍时髦较好听的名词,主要是指企业信息系统,如ERP软件(企业资源规划).CRM软件(客户关系管理).SCM软件(供应 ...
- 计算机英语应用研究,计算机英语辅助学习系统的研究与应用-软件工程专业论文.docx...
湖南大学 硕士学位论文 计算机英语辅助学习系统的研究与应用 姓名:许邓艳 申请学位级别:硕士 专业:软件工程 指导教师:范年柏:罗亚希计算机英语辅助学习系统的研究与应用摘 计算机英语辅助学习系统的研究 ...
最新文章
- 华为员工实力炫富,工作六年一套房一辆豪车,存款六十万
- Microbiome:植物根际微生物组也有昼夜节律
- python 条形图_Python数据可视化:基于matplotlib绘制「堆积条形图」
- C#基础知识 课堂笔记 上
- 不同系统可以用一个数据库服务器吗,同一个数据库 不同服务器吗
- linux中脚本引入计算bc,linux BC命令行计算器
- 用Scholar one 投稿过程
- 收藏:40个Linux运维面试经典基础问题!
- python seaborn 散点图矩阵_初学pandas与seaborn(六)制作散点图矩阵,用python
- 17082 两个有序数序列中找第k小(优先做)
- 服务器 ××× 上的MSDTC不可用解决办法
- 后端开发之如何写接口设计文档
- Android开发—基于OpenCV实现相机实时图像识别跟踪
- 【基站位置查询】通过lac,cellid进行手机基站位置查询和经纬度查询
- 苹果手机linux系统版本号,Linux下查看系统版本号信息的方法(转)
- nano编辑器保存退出
- 风云岛行动电脑版模拟器使用体验报告
- 3D 打印切片软件 CuraEngine 介绍
- 雨课堂网页端作业找不到的解决方法
- 75 [backtrader期货策略]十大经典策略-分时均线交叉策略
热门文章
- Spring拦截器校验Json格式参数
- PTA 7-124 A+B 输入输出练习 (I) ------新手必看!!
- Git与华为云(上传代码到华为云)
- 价值3000万,腾讯拿下微信域名;美团辞退偷吃客户餐食的外卖员丨价值早报
- HHVM是一个开源虚拟机,专为执行用Hack和PHP编写的程序而设计
- Centos7秘钥登录
- javaScript动态添加Li元素
- 终结符与元符号的区别
- S7-1500 通过 TIA15, S7-PLCSIM Advanced V4.0 仿真PLC 与 KEPServerEX 6 建立server 建立连接
- linux 安装tomcat 图文详解全过程