jquery实现当修改上传的图片时，默认显示当前图片的名称，当选择新的图片时，显示最新的图片名称

兰星铄

于 2017-06-21 15:10:31 发布

阅读量1.9k

点赞数

文章标签：图片上传按钮文字可修改

本文链接：https://blog.youkuaiyun.com/zxj774843784/article/details/73549414

版权

<html>

<body>

<input type="file" id="file" style="display: none;">
<input type="text" style="width:200px;height:35px;border: solid 1px #c3ab7d;" id="personalpicture" name="personalpicture" readonly>
<input id="choice" class="scbtn" type="button" value="选择图片" >

</body>
<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var file = "${teacherInfo.personalpicture}";
var index = file.lastIndexOf("_")+1;
$("#personalpicture").val(file.substring(index));
});
$("#choice").click(function(){
$("#file").click();
})

$("#file").change(function(){
var file = $("#file").val();
var index = file.lastIndexOf("\\")+1;
$("#personalpicture").val(file.substring(index));
})
</script>
</html>