前台上传文件小优化,上传文件的文件名放到输入框中展示
功能:点击选择时选择文件,选择完后把文件名放到输入框中
实现:
<!DOCTYPE html>
<html>
<head>
<title>文件上传下载</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="../js/jquery-1.10.2.js" charset="UTF-8"></script>
</head>
<body>
<div align="center">
<form action="/file">
<input type="text" disabled = "disabled" placeholder="请选择文件" id = "te"><br><br>
<input type="button" value="选择" id = "bu">
<input type="file" id = "fi" style="display:none">
<input type="submit">
</form>
</div>
</body>
<script>
$(function(){
/*把上传文件按钮的方法传给普通按钮*/
$("#bu").unbind("click").bind("click",function(){
$("#fi").click();
});
/*把上传的文件名放到输入框中*/
$("#fi").bind("change",function(){
$("#te").attr("value",$("#fi").val());
});
});
</script>
</html>