圖片上傳的彈窗組件—今日頭條2018校招

題目描述

請按要求書寫一個圖片上傳的彈窗組件，彈窗的樣式要求以下：

一、樣式要求

（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

    總體樣式效果以下圖所示：

二、功能要求

（1）點擊「添加」按鈕彈出文件選擇框， 選擇圖片（要求只能選擇png、jpeg、jpg三種圖片）

（2）選擇圖片後列表增長一張圖片縮略圖展現（此時圖片未上傳到服務器）

（3）點擊上傳按鈕將當前選擇的圖片上傳到圖片服務器（只要求上傳當前選擇的一張圖片，如能實現多個同時上傳更佳），上傳的圖片的接口地址: https://mp.toutiao.com/profile_v2/

接口說明：接口只接收而且處理二進制文件。

請編碼實現。

（注：不支持本地IDE）