-
[置顶]软件接口设计怎么做？前后端分离软件接口设计思路
本文关于软件接口设计怎么做？前后端分离软件接口设计思路。好的系统架构离不开好的接口设计，因此，真正懂接口设计的人往往是软件设计队伍中的稀缺型人才。为什么在接口制定标准中说：一流的企业做标准，二流的企业...
-
[置顶]接口管理如何做？接口实现版本管理的意义和最佳方法
本文关于接口管理如何做？接口实现版本管理的意义和最佳方法。API版本管理的重要性不言而喻，对于API的设计者和使用者而言，版本管理都有着非常重要的意义。下面会从WEB API 版本管理的角度提供几种常...
-
[置顶]实现API管理系统的关键
下面将通过几个关键词的形式说明API管理的重要性和未来的实现方式。1.生命周期管理在整个API生命周期中更深入地集成所有工具将进一步提高生命周期循环的速度，而且更重要的是提供满足消费者需求的API。这...
-
-
-
-
在组件里写入事件处理及定义变量：
demo-add.component.ts:
class Demo{
photo:String;
}
demo = new Demo();
photoFiles: any[] = [];
photoUrl:string;
onPhotoUpload(event) {
this.demo.photo = jsON.parse(event.xhr.response).data.name;
this.photoUrl ="upload/demo/"+this.demo.photo;
for(let file of event.files) {
this.photoFiles.push(file);
}
}
onPhotoUpload函数为onUpload（上传）异步事件触发的回调函数，接收一个$event参数，这里我们用到的是event.xhr，这是一个XMLHTTPREQUEST对象。我们用JSON.parse去解析，后台NODEJS代码：
router.post('/upload', function (req, res) {
//文件
const photoData = req.files.uploadPhoto[0];
//文件路径
const filePath = photoData.path;
//读取文件
fs.readFile(filePath, function (err, dahttp://ta) {
//取时间戳用来命名
const timestamp = Date.now();
//取文件类型用来命名
const type = photoData.type.split('/')[1];
//命名文件
const photo = timestamp + '." alt="Angular2" title="Angular2" width="200" height="150">
-
-
-
-
-
图片样式
.img-responsive：直接为图片添加该样式，可以实现响应式图片。
.center-block：图片居中样式，而不能使用text-center样式。
图片形状样式：.img-rounded(圆角图片)、.img-circle(圆形图片)、.img-thumbnail(边框圆角)
-
