图片上传的弹窗组件—今日头条2018校招

2019独角兽企业重金招聘Python工程师标准>>>

题目描述

请按要求书写一个图片上传的弹窗组件，弹窗的样式要求如下：

1、样式要求

（1）宽： 668px,  高： 608px, 圆角5px， 边框1px solid #ccc

（2）弹窗垂直居中， 左右居中

（3）标题栏高 ：50px ,   右边的x不能使用图片，请使用css3画出, 标题文字颜色：红色

（4）列表元素的高：110px ， 宽:110px， 边框 1px solid #ccc

（5）中间“添加”按钮的图片地址：https://p1.pstatp.com/large/3ecd0004b6bdeff4c48d

    整体样式效果如下图所示：

2、功能要求

（1）点击“添加”按钮弹出文件选择框， 选择图片（要求只能选择png、jpeg、jpg三种图片）

（2）选择图片后列表增加一张图片缩略图展示（此时图片未上传到服务器）

（3）点击上传按钮将当前选择的图片上传到图片服务器（只要求上传当前选择的一张图片，如能实现多个同时上传更佳），上传的图片的接口地址: https://mp.toutiao.com/profile_v2/

接口说明：接口只接收并且处理二进制文件。

请编码实现。

（注：不支持本地IDE）

转载于:https://my.oschina.net/u/3759656/blog/2243795