js在上传文件时,怎么取得文件的扩展名

山野村夫 2003-12-23 09:24:18
我只查到取得文件全名
<input type=file name=myfile>
<br/>
<input type=text name=filename>
<input type=button value="getName" onclick="textvalue()">


<script>
function getFileName() {
var sfile=document.all.myfile.value;
var reg=/([^\\]+)$/.exec(sfile);
return RegExp.$1;
}
function textvalue(){
document.all.filename.value=getFileName();
}
</script>
...全文
75 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
山野村夫 2003-12-23
  • 打赏
  • 举报
回复
谢谢
希默软件 2003-12-23
  • 打赏
  • 举报
回复
<input type=file name=myfile>
<br/>
<input type=text name=filename>
<input type=button value="getName" onclick="textvalue()">


<script>
function getFileName() {
var sfile=document.all.myfile.value;
var reg=/([^\.]+)$/.exec(sfile);
return RegExp.$1;
}
function textvalue(){
document.all.filename.value=getFileName();
}
</script>
资源下载链接为: https://pan.quark.cn/s/f989b9092fc5 在本文中,我们将详细探讨如何使用 Element UI 的 el-upload 组件来实现上传 Excel 文件的功能。Element UI 是一个基于 Vue.js 的组件库,提供了丰富的 UI 组件,能够帮助开发者快速构建 Web 应用。我们的目标是在上传 Excel 文件到服务器,附加额外参数,并在上传前验证文件格式。 关键知识点: el-upload 组件: el-upload 是 Element UI 中用于文件上传的组件,支持单个或多个文件上传。通过设置属性来自定义其行为: data:可选参数,用于在上传文件传递额外数据,例如表单字段值。 name:定义上传文件的字段名,服务器端通过此字段接收文件。 before-upload:可选的钩子函数,在文件上传前调用,参数为文件对象。如果返回 false 或被 reject 的 Promise,则阻止上传。 文件格式判断: 在上传前,需要确保用户上传的是 Excel 文件。通过 before-upload 钩子函数,使用 JavaScript 的 split() 方法获取文件扩展名,并与 "xls" 和 "xlsx" 比较。如果扩展名不匹配,则提示用户并阻止上传。 自定义事件处理: el-upload 提供了多种回调函数,如 on-preview、on-remove 和 on-success,用于处理文件预览、移除文件以及上传成功后的操作。例如,handleSuccess 函数可用于处理服务器返回的响应。 表单组件结合: 示例中结合了 el-form 和 el-select 等组件,用于创建表单并收集用户输入数据。这些数据可通过 data 属性与上传文件一起发送到服务器。 提交上传: 在模板中,通过按钮点击触发 submitU

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧