前台上传文件小优化,上传文件的文件名放到输入框中展示
功能:点击选择时选择文件,选择完后把文件名放到输入框中
实现:
<!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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步