1、html 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="plugins/jquery/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
.img-box{
width: 70px;height: 70px; position: absolute;border: 1px solid #ddd;
}
.img-box img{
width: 70px;height: 70px;
}
.img-box .img-input{
display: none;
}
</style>
</head>
<body>
<div class="img-box">
<input type="hidden" name="jyhlSystemImg" value=""/>
<img src="images/emptyImg.png" onclick="selectSystemImg(this)">
<input type="file" class="img-input" onchange="selectSystemFile(this)"/>
</div>
</body>
<script type="text/javascript">
function selectSystemFile(_this) {
var formData = new FormData();
formData.append("file",$(_this)[0].files[0]);
$.ajax({
url:'upload/image',
type:'post',
data: formData,
contentType: false,
processData: false,
success:function(response){
}
})
}
function selectSystemImg(_this) {
$(_this).next().click();
}
</script>
</html>
版权声明:本文为sky_eyeland原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。