Html
    Css
    Js

    
                        
  /* 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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

简单的图片上传

更新时间:2020-04-22 20:35:20

简单的 图片上传 更改了默认的 file 文件样式, 我这里是 图片上传成功后, 后台会返回一个 图片的绝对路径 ,在把绝对路径设置给 img 便签,直接在前台展示出来。

0