/* 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 便签,直接在前台展示出来。