`
Rowen
  • 浏览: 83180 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

html 中的file文件域

    博客分类:
  • HTML
阅读更多
1.禁止file文件域进行编辑即手动输入
2.清空input type=file里的已选路径
下面是个简单示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
  <body>  
  <form method="post" action="">  
    <input type="file"  id="uploadFile" name="fileName" onkeydown="return false;" contenteditable="false"  />  
    <input type="button" value="清空" onclick="clearFileField()" />  
  </form>  
  <script type="text/javascript">  
    function clearFileField(){   
        var obj = document.getElementById("uploadFile");   
        obj.outerHTML = obj.outerHTML; //这个只在IE中可用
         obj.value=""  //这个只在FF下用
    }   
  </script>  
 </BODY>
</HTML>
分享到:
评论
5 楼 wangxinyyl 2012-08-09  
很好很强大,研究了半天,还是这个办法靠谱
4 楼 yangxiutian 2011-12-05  
以后继续发一些关于浏览器兼容的问题
3 楼 yangxiutian 2011-12-05  
  谢谢你  我找这个找好久了。就是IE6的问题,其他浏览器都不能编辑的 
2 楼 Rowen 2009-09-05  
在FF下  obj.value="",就可以了。
1 楼 jkfzero 2009-09-03  
outerHTML不是W3C的标准属性,FF下不能用。

相关推荐

    表单事件jQuery文件域美化File Style Demo演示

    在网页设计中,表单元素是用户与网站交互的重要途径,而文件域(File Input)则是用户上传文件的关键组件。然而,原始的文件域样式通常简单且不美观,不符合现代网页设计的高要求。"表单事件jQuery文件域美化File ...

    重新生成文件域

    1. **文件域(File Input)**:在HTML中,`&lt;input type="file"&gt;`标签用于创建一个文件选择器,用户可以通过这个控件选择本地文件,然后这些文件的信息可以通过JavaScript进行处理。文件域是网页与用户电脑间交互的...

    使用jQuery清空file文件域的解决方案

    然而,当需要在文件上传过程中对文件域进行操作,比如验证后需要清空已选文件时,就会出现一些问题。尤其是在Internet Explorer(IE)浏览器中,出于安全考虑,不允许JavaScript直接更改已经选中的文件值。 为了...

    JavaScript实现动态增加文件域.仿网易邮箱附件

    在动态增加文件域时,我们需要创建`&lt;input&gt;`元素,类型为`file`,并将其插入到DOM中。 代码示例: ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; 动态增加文件域 &lt;div id="attachmentContainer"&gt;&lt;/div&gt; 添加...

    7种时尚的文件上传表单域美化特效

    在实际应用中,可以根据项目需求和设计风格灵活组合这些技巧,打造出独特的文件上传表单域。同时,需要注意兼容性问题,确保在不同浏览器和设备上都能正常工作。在实现这些特效时,可以参考压缩包中的示例代码,它们...

    mongoose.c编写多表单域(多input项)文件上传示例代码

    在这个回调中,我们需要解析请求体,提取每个文件域的数据。`mongoose.c`提供了一个名为`mg_get_http_field`的函数,可以用来获取HTTP头信息,包括`Content-Type`和`Content-Disposition`,后者包含了关于上传文件的...

    ext 文件输入域控件

    这个控件通常包含一个`fileInputEl`元素,它是HTML5中的`&lt;input type="file"&gt;`元素,用户通过点击这个元素来打开文件选择对话框。 博文链接提到的是ITEYE博客上的一篇文章,虽然链接无法直接访问,但我们可以根据...

    Jquery Large File Upload (Jquery实现大文件上传).rar

    7. **跨域资源共享(CORS)**:如果涉及到不同域之间的文件上传,`jQuery Large File Upload` 需要配置适当的CORS头,允许跨域请求。 8. **前端UI设计**:良好的用户体验不仅包括功能的实现,还包括界面的美观和易用...

    改变文件域的样式实现思路同时兼容ie、firefox

    在网页设计中,有时我们需要对文件域(`&lt;input type="file"&gt;`)的样式进行定制,以符合整体页面的设计风格。然而,由于浏览器的安全限制,文件域的默认样式往往难以更改,尤其是在早期版本的IE和Firefox中。本文将...

    jQuery File Upload 可跨域的多图片上传

    `jQuery File Upload` 支持CORS(跨源资源共享)协议,允许用户在不同的域之间上传文件,这极大地扩展了Web应用的可能性,尤其是在需要与API或后端服务交互时。 2. **HTML5 API支持**: - `jQuery File Upload` ...

    jquery 清空file域示例(兼容个浏览器)

    将这个字符串清空,从表面上看,就达到了清空文件域的效果。 4. `file.after(...)`方法将清空后的file元素(克隆)放置在原file元素的后面。由于我们仅仅是克隆了一个元素并清空了它,这个克隆出来的元素是看不见的...

    JavaScript实现动态增加文件域表单

    在这个示例代码中,定义了一个全局变量file_count,用于记录当前已添加的文件域数量,并用作每个文件域name属性的唯一标识符。每当新增一个文件域时,file_count的值就会递增,确保文件域的name属性不会重复,这对于...

    SpringMVC+Ajax异步文件上传

    在本教程中,我们将探讨如何结合`SpringMVC`和`Ajax`来实现异步文件上传,并讨论短视频背景以及`a`标签绑定文件域的相关知识。 1. **SpringMVC中的文件上传** - **MultipartFile接口**:`SpringMVC`提供了一个名为...

    删除一段时间没有登入域的用户或计算机.txt

    当仅使用`-report`选项时,`OldCmp`将在默认域中查找所有密码老化日期超过90天的计算机对象,并生成一个HTML报告。如果域非常大且包含大量计算机账户,这个过程可能需要较长时间。为了加快执行速度,可以使用`-b`...

    JAVA中的文件上传.pdf

    同时,文件域的`onchange`事件可以用来触发预览。 在处理文件上传的逻辑中,SmartUpload或Struts的API都提供了设置上传文件大小限制的方法。例如,SmartUpload的`setMaxFileSize()`方法可以设定单个文件的最大大小...

    PHP动态网站开发任务-文件上传.pptx

    在浏览器端,需要在表单界面中增加文件域元素,使用 &lt;input&gt; 标记的 type 属性值“file”来生成文件域元素,同时设置 name 属性的取值。例如,创建一个名为 up.html 的文件,设计如图所示表单界面,设文件域元素名称...

    http_File_Server

    4. **URL构造**:访问文件的URL通常是服务器IP地址加上端口号和文件路径,例如:`http://localhost:8080/yourfile.html`。 5. **跨域问题**:如果从其他域的网页中访问该服务器,可能会遇到跨域限制。为了允许这种...

    JAVA中的文件上传[收集].pdf

    这可以通过JavaScript和HTML5的File API实现,监听文件域的`onchange`事件,读取文件内容并显示预览。此外,可以设定文件大小限制,防止过大文件导致服务器压力。在文件上传成功后,通常建议使用当前时间戳作为...

Global site tag (gtag.js) - Google Analytics