`
zjq_fy
  • 浏览: 7924 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Html file标签试用

 
阅读更多
在IE6中,file标签可以输入文件路径。但是在firefox中,浏览器则不允许输入。浏览器这么做的原因可能是为了减少出错的可能,IE则充分相信用户可以把握自己的输入信息。但是事实证明,这种输入错误的几率非常大,特别是在BS软件结构成为企业级应用软件的主流架构的今天。笔者就遇到这样的问题,使用frm.submit()提交时,如果用户输入了不合法的文件路径。该函数会抛出异常,导致前台代码运行错误。
尝试使用文件名校验,和判断文件是否存在等办法来校验,都未达到理想的效果。
偶然的想法,使用try catch来发出提示信息。代码如下
<html>
<head>
<script>
var context_path = '/learn';

function on_file_selected(){
var frm = document.getElementById('frmUpload');
if(!frm){
return ;
}
var fileElm = document.getElementById('fileInput');
if(!checkFileFullName(fileElm.value)){
alert('文件不存在!');
return ;
}
var url = context_path + '/file/upload.jsp?';
frm.action = url;
try{
frm.submit();
}catch(e){
alert('上传文件出错!');
}
}

function checkFileFullName(path){
return true;
}
</script>
</head>
<body>
<form id="frmUpload" method="post" name="frmUpload" action="">
<input type="file" name="file" onchange="on_file_selected()" id="fileInput"
style="font-size:13px;width:200px;" />
</form>
</body>
</html>
----------------------------------------------
有读到此信息的哥们,不妨讨论一下更合理的解决办法。
分享到:
评论

相关推荐

    自定义的file标签

    为了实现自定义的file标签,我们需要利用HTML、CSS以及JavaScript(可能还需要一些库或框架如jQuery)来改造这个基本控件,以达到与网站整体风格一致的效果。 首先,我们需要创建一个HTML结构,用自定义的按钮或者...

    改变上传file标签

    在网页设计中,`&lt;input type="file"&gt;` 标签是HTML中用于创建文件上传功能的关键元素。这个标签允许用户从他们的计算机选择一个或多个文件,并将其发送到服务器进行处理。然而,出于美观或者用户体验的考虑,我们可能...

    上传图片问题(html标签实现input/file功能),及uploadify插件

    HTML中的`&lt;input type="file"&gt;`标签是实现这一功能的基础,但它的样式和交互性往往有限。本篇将详细介绍如何在非`&lt;input&gt;`标签(如`&lt;span&gt;`)上模拟`&lt;input type="file"&gt;`的功能,并探讨uploadify插件的使用,以提升...

    java 读取html过滤标签

    在Java编程中,读取HTML并过滤特定标签是一项常见的任务,尤其在处理网页抓取、数据提取或构建网络爬虫时。这篇博文链接虽然没有提供具体的内容,但我们可以通过标题和标签来推测其主要讨论的内容。这里我们将深入...

    file_html_javaBYgetHtml

    根据提供的文件信息,我们可以推断出本篇内容主要围绕Java编程语言中的一个特定类`file_html`进行讨论。这个类位于`com.lin.model`包下,并包含了一个成员变量`file_name`及其对应的getter和setter方法。下面将详细...

    Python给html文件的a标签添加属性

    这将会创建一个新的HTML文件`output_html_file.html`,其中a标签已经添加了指定的属性。在实际应用中,你可能需要根据不同的需求来筛选或定位特定的a标签,例如,通过class或id来查找特定的链接。BeautifulSoup提供...

    js动态添加file标签

    js动态添加生成多个file和删除按钮,并上传到服务器

    new_file.html

    new_file.html

    new_file.html.html

    new_file.html.html

    Help.html file

    Help.html file

    Struts 1.XX <html:file>的使用

    `&lt;html:file&gt;`是Struts提供的一个标签,主要用于处理用户在HTML表单中上传文件的功能。在Struts 1中,这个标签简化了文件上传的复杂性,使得开发者可以方便地将用户选择的本地文件传递到服务器。 首先,我们来看`...

    HTML input type=file文件选择表单元素.docx

    HTML input type=file 文件选择表单元素 一、input type=file 文件选择表单元素 input type=file 是 HTML 中的一种表单元素,用于选择文件并上传到服务器。HTML5 之前的 input type=file 元素只能一次上传一张图片...

    vp suite 3.3的试用license key file

    vp suite 3.3的试用license key file

    file.html

    2. HTML标签:讲解各种常用的HTML标签,如标题、段落、列表、图像、链接等,并解释它们的作用和用法。 3. HTML属性:解释如何通过属性来定制HTML元素,如设置ID、类、样式和事件监听器。 4. HTML5新特性:可能涉及到...

    vbs 解析html文档的方法(htmlfile)

    在VBScript(VBS)中,解析HTML文档时,通常有两种主要方法:正则表达式和使用`HTMLFile`对象。正则表达式虽然普遍,但处理复杂HTML结构时可能会遇到困难,而`HTMLFile`对象提供了更强大的DOM(文档对象模型)解析能力...

    file input 按钮国际化

    "file input 按钮国际化"是这个话题的一个具体实例,主要关注的是如何将HTML中的文件上传(file input)按钮进行多语言适配。 文件输入按钮是网页表单中常见的一种元素,用户通常用它来选择本地文件进行上传。默认...

    input type=file 显示的浏览 改成英文

    在网页设计中,`&lt;input type="file"&gt;` 是HTML元素的一个重要部分,它用于创建一个文件上传控件。默认情况下,这个控件的文本提示和按钮是根据用户的操作系统语言来显示的,例如,在中文环境下会显示“浏览”或“选择...

    Android-解决在webview中input标签type="file"不能使用的问题

    然而,在实际使用中,我们可能会遇到一些问题,比如在WebView中使用`&lt;input type="file"&gt;`标签时,用户无法选择本地文件。这个现象主要是由于Android的安全机制和权限控制导致的。本文将详细讲解如何解决这个问题。 ...

    android webview input=file 失效解决方案

    然而,在使用Webview时,有时会遇到一个问题:当HTML页面中包含`&lt;input type="file"&gt;`用于上传文件的表单元素时,这个功能在Webview中可能无法正常工作。这通常是因为Android的安全策略限制了Webview对本地文件系统...

Global site tag (gtag.js) - Google Analytics