请按要求书写一个图片上传的弹窗组件,弹窗的样式要求如下: 1、样式要...

发布于 2022-03-03 16:37:23

请按要求书写一个图片上传的弹窗组件,弹窗的样式要求如下:
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

    整体样式效果如下图所示:
786747jwr.jpg
2、功能要求

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

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

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

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

请编码实现。
(注:不支持本地IDE)
关注者
0
被浏览
39
知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看