发表于: 2017-05-04 23:37:27

1 1040


今天完成的事情:

完成了任务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;
       }
}
}



返回列表 返回列表
评论

    分享到