/* form 表单定位 */
.form-upload {
width:200px;
height:200px;
border:1px solid red;
margin:200px auto;
position:relative;
}
/* 相对于form 表单定位 设置提醒文字 位于 第五层 */
.form-upload-text {
position:absolute;
z-index:5;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
/* 相对于 form 表单定位 设置 点击范围位于最上层 第十层 */
.form-upload-file {
position:absolute;
z-index:10;
width:200px;
height:200px;
background-color:orange;
opacity:0;
}
/* 相对于 form 表单 定位设置 位于 文字 与 文件中间展示 第八层 */
.form-upload-imgs {
position:absolute;
z-index:8;
width:200px;
height:200px;
}
更新时间:2020-04-22 20:35:20
简单的 图片上传 更改了默认的 file 文件样式, 我这里是 图片上传成功后, 后台会返回一个 图片的绝对路径 ,在把绝对路径设置给 img 便签,直接在前台展示出来。