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

html 中的file文件域

    博客分类：
  • HTML
HTMLIE 
阅读更多
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>
分享到：
| 如何修改form组件的fieldLabel
评论
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下不能用。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    如果你运行OldCmp时只加了-report选项，它会搜索你默认域中所有计算机密码老化日期大于90天的计算机对象，并且把结果生成为一个HTML报告。如果你的域非常大，并且里面有很多计算机账号，这条命令可能得花上一段时间...

    js实现文件上传表单域美化特效

    一款效果非常时尚的文件上传表单域美化特效，下面给出制作的简要教程。 先上几个效果饱饱眼福： 使用方法 这些文件上传域的美化使用的方法都是隐藏原生的&lt;input type=”file”&gt;元素，然后使用一个元素来...

    HTML5 文件域+FileReader 分段读取文件并上传到服务器

    说明：使用Ajax方式上传，文件不能过大，最好小于三四百兆，因为过多的连续Ajax请求会使后台崩溃，获取InputStream中数据会为空，尤其在Google浏览器测试过程中。 1.简单分段读取文件为Blob，ajax上传到服务器 ...

    php 使用html5实现多文件上传实例

    在html没有出来之前，要实现php多文件上传比较麻烦，需要在form表单里面添加多个input file域。html5发布以后，我们可以使用input file的html5属性multiple来实现多文件上传,需要的朋友可以参考下

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

    js代码： 代码如下:[removed] //全局变量，代表文件域的个数，并用该变量区分文件域的name属性 var file_count = 0; //增加文件 域 function additem(id) { if (file_count &gt; 9) { alert&#40;“最u22810 10个u25991 ...

    图片裁剪/缩放，支持本地/同域视频文件截图功能（HTML5+canvas）_JavaScript_代码_下载

    解决图片上传前域视频、本地文件比缩放、压缩支持视频、同类视频等功能。 图片，宽度图片：同时设置参数height 等比缩放：按比例缩放，只设置宽度；同理按高度缩放，只设置高度 不缩放、不缩放，直接返回源文件...

    使用HTML开发商业网站-表单控件-input课件.pptx

    文件域 name 由用户自定义 控件的名称 value 由用户自定义 input控件中的默认文本值 size 正整数 input控件在页面中的显示宽度 readonly readonly 该控件内容为只读（不能编辑修改） disabled disabled 第一次加载...

    网络组建域管理课件2

    域中的计算机与它的位置无关。 树 域、组织单元和对象之间的分层结构称为树。 域树 域树是指若干个域组成的层次结构。 Windows 2000 Server的安装 Windows 2000 Server的安装 活动目录的安装 Windows 2000工作...

    Jsp文件上传下载(工具类源码)

    // 忽略简单form字段而不是上传域的文件域(等) if (fileItem == null || fileItem.isFormField()) { continue; } // 得到文件的完整路径 path = fileItem.getName(); // 得到文件的大小 size = fileItem.get...

    jQuery File Upload文件上传插件-其他

    jQuery File Upload 是一个 jQuery 图片上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。 特征： 1、多文件上传： 允许一次选择...

    HBuilder+HTML5 Plus+MUI实现拍照或者相册选择图片上传

    Gallery模块管理系统相册，支持从相册中选择图片或视频文件、保存图片或视频文件到相册等功能。通过plus.gallery获取相册管理对象。IO模块管理本地文件系统，用于对文件系统的目录浏览、文件的读取、文件的写入等...

    java结合jsp写的上传文件代码

    // 忽略简单form字段而不是上传域的文件域(等) if (fileItem == null || fileItem.isFormField()) { continue; } // 得到文件的完整路径 path = fileItem.getName(); // 得到文件的大小 size = fileItem.getSize(); ...

    大名鼎鼎SWFUpload- Flash+JS 上传

    它结合了FLASH和JavaScript的功能，以提供一种超越了传统的浏览器中&lt;input type="file" /&gt;标签提供的文件上传功能。 SWFUpload提供的主要功能: 在文件选择对话框中能够进行文件多选 页面无刷新的上传 提供...

    基于HTML5 Ajax实现文件上传并显示进度条

    本文实例讲解了ajax上传文件及进度条的实现方法，分享给大家供大家参考，具体...//文件域选择文件时, 执行readFile函数 input.addEventListener('change',readFile,false); function readFile&#40;&#41;{ file = th

    从入门到精通HTML5——PDF——网盘链接

    　9.3.10　文件域——file 195 　9.4　列表/菜单标记 197 　9.5　文本域标记——textarea 198 　9.6　id标记 199 　9.7　小结 200 　9.8　习题 200 　第10章 多媒体页面 202 　视频讲解：18分钟 　10.1 设置滚动文字...

    javascriptServer

    文件域上传的文件，在测试版中还不支持程序控制。 2.3 data 文件夹可以存放数据库文件。 3. 服务器端的运行文件扩展名为 jss ，如：index.jss 。 4. 在 jss 中的文件路径需从根目录的位置写起，如：import "web...

    vite-plugin-sri:一个Vite插件，可在构建时向您的index.html添加子资源完整性哈希

    在构建时，将子资源完整性哈希添加到从index.html文件导入的脚本和样式表中。安装npm i --save-dev @small-tech/vite-plugin-sri采用在您的vite.config.js文件中： import { defineConfig } from 'vite'import sri ...

    如何将一个TXT文档里内容导入到文本框里

    //清空上传域file document.getElementById('FileName').select(); document.selection.clear(); } }else{ alert("error"); } } } //打开连接，true表示异步提交 xmlhttp.open("post", "ajax_txt_save....

    OldCmp

    如果你运行OldCmp时只加了-report选项，它会搜索你默认域中所有计算机密码老化日期大于90天的计算机对象，并且把结果生成为一个HTML报告。如果你的域非常大，并且里面有很多计算机账号，这条命令可能得花上一段时间...

    php 多文件上传的实现实例

    要实现多文件上传，我们可以在form表单中添加多个input file域，然后将这些input file的name属性设置为相同的名称且使用数组的形式命名，例如filename[]。至于文件上传的php代码和单个文件上传是一样的道理。 下面看...

Magicbox
Global site tag (gtag.js) - Google Analytics