`
Rowen
  • 浏览: 83044 次
  • 性别: 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下不能用。
发表评论

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

相关推荐

    表单事件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中。本文将...

    file协议导致的跨域问题以及解决方案.docx

    然而，在使用 File 协议打开文件时，浏览器并不会发送合法的 origin，导致跨域资源请求失败，报错信息中也会提示 CORS 政策错误。解决这个问题的方法有多种，包括： 1. 给 Chrome 快捷方式添加参数 ——allow-file-...

    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`提供了一个名为...

    JAVA中的文件上传.pdf

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

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

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

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

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

    http_File_Server

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

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