发表于: 2017-05-04 23:37:27
1 1041
今天完成的事情:
完成了任务8,写好了任务9的样式
明天计划的事情:
坐地铁、火车和公交车
遇到的问题:
关于上传图片的接口毫无头绪,说要先像接口发送数据我才能获取,直接用postman看是啥也看不到的,但是咋发啊。。
图片预览,写了一个DIV固宽固高的,让图片在这个DIV里显示,这样如果有的图太大的话,可以不显示的那么大,但是不知道如果传给后台,是把原图片传过去还是把我压在DIV里的小图片传过去了,还有就是想通过点击图片弹出模态框显示原图,类似QQ空间那种或者微博,不知道怎么实现。
收获:
file上传文件的按钮,一开始想要改样式,百度了很多资料,嘉豪一回来就告诉我用<label>标签,绑定到这个按钮,然后样式写给label就行了,把file隐藏掉就行。
上传图片是一个input,所以让图片显示用onchange事件,这是在input域内容改变的时候执行。让图片预览的代码如下:
var input = document.getElementById("file"); // input file
input.onchange = function(){
var file = this.files[0];
if(!!file){
var reader = new FileReader();
// 图片文件转换为base64
reader.readAsDataURL(file);
reader.onload = function(){
// 显示图片
document.getElementById("file_img").src = this.result;
}
}
}
评论