`
shuany
  • 浏览: 253858 次
  • 性别: Icon_minigender_1
  • 来自: 中国
社区版块
存档分类
最新评论

怎样让input type=file 只读,并能实现文件上传

阅读更多

试过很多方法,都未能实现,如:

  • 设置readOnly=true
  • 设置disable
  • 设置this.blur()
  • 通过javascript来控制
  • 。。。

都不行,因为只要是readOnly或disable,都无法弹出选择文件的窗口,即使用javascript实现了弹出,上传时也不行 (ASP.net中),最后还是把中心放在了让他没有焦点上,设置了hideFocus=true也不行,于是开始详细的翻阅MSDN,input type=file的所有属性,终于还是让我找到了

< INPUT  class ="text"  id ="fileUpload"  style ="WIDTH: 500px;cursor:hand"  type ="file"  name ="fileUpload"  
UNSELECTABLE
="on" >

 

http://blog.csdn.net/changezhong/archive/2006/09/02/1160663.aspx

分享到:
评论
1 楼 caissie 2011-08-18  
可以啊~
只是,为什么我的eclipse里面,添加该属性提示我"undefined attribute name (unselectable).",但的确起作用。

相关推荐

    js 获取、清空input type=file的值(示例代码)

    在JavaScript中,`&lt;input type="file"&gt;` 是一种用于让用户选择本地文件的HTML元素。这个控件允许用户从他们的计算机上选取一个或多个文件,然后上传到服务器。然而,出于安全考虑,JavaScript并没有直接提供清空这个...

    js 获取、清空input type="file"的值示例代码

    由于`&lt;input type="file"&gt;`的`value`属性是只读的,我们不能直接通过设置`value=""`的方式来清空文件输入框中的值。但是,我们可以通过其他方法来实现清空效果。 - **方法一**: - 创建一个隐藏的`&lt;input type=...

    js 获取、清空input type=&quot;file&quot;的值(示例代码)

    在JavaScript中,`&lt;input type="file"&gt;`控件用于让用户选择本地文件,然后上传到服务器。这个控件有一些特殊性,比如其`value`属性是只读的,这意味着我们不能直接通过设置`value`来清空用户选择的文件。这是因为...

    INPUT的TYPE用法

    `type="file"`允许用户从本地计算机选择并上传文件,常用于上传图片、文档等。`name`和`size`属性分别用于标识和调整输入框的大小。 示例代码: ```html your file: &lt;input type="file" name="yourfile" size=...

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

    10. **文件域 (file)**: `&lt;input type="file"&gt;` 允许用户从本地计算机选择文件上传。 示例: ```html &lt;input type="file" name="uploadFile"&gt; ``` 除了上述属性外,还有其他一些控制输入行为的属性,例如 `...

    input资源的格式

    在网页设计与开发中,`input`元素扮演着极其重要的角色,它允许用户输入数据,并通过不同的属性实现多种功能。本文将详细解析`input`的不同类型及其在实际开发中的应用技巧。 #### 二、`input`类型详解 ##### 1. `...

    input 标签的属性

    &lt;input type="file" name="yourfile" size="30"&gt; ``` ##### 4. `type="hidden"` - 隐藏字段 隐藏字段通常用于存储需要提交但不想让用户看到的信息。 - **type**: 设置为"hidden"表示这是一个隐藏字段。 - **name*...

    清空input类型为file的value属性值的方法

    当页面刷新后,这个路径通常会消失,但如果我们想在JavaScript中手动清除它,直接将`value`属性设置为空字符串并不会有效,因为`&lt;input type="file"&gt;`是只读的。这意味着你不能直接通过赋值的方式来修改`value`属性...

    类似QQ邮箱的js附件上传源代码

    - 因为`&lt;input type="file"&gt;`的`value`属性是只读的,无法直接设置,所以通过JavaScript动态生成新的`&lt;input type="file"&gt;`元素,并设置`onchange`事件监听器。 7. **限制与扩展**: - 代码指出,仅使用一个`...

    HTML 表单.pdf

    其基本语法结构是:&lt;form action="" method="post" enctype="multipart/form-data"&gt;&lt;input type="file" name="files" /&gt;&lt;input type="submit" name="upload" value="上传" /&gt;,其中 action="" 指定了表单的提交地址...

    PHP文件处理及文件上传详解.md

    ### PHP 文件处理及文件上传详解 ... &lt;input type="submit" value="上传文件"&gt; ``` 这个示例展示了如何处理上传的文件,包括验证、保存到服务器等步骤。开发者可以根据自己的需求调整和优化这段代码。

    asp.net文件上传

    这通常通过HTML表单中的`&lt;input type="file"&gt;`元素实现,并在服务器端通过ASP.NET的`FileUpload`控件来处理。 #### 二、FileUpload 控件详解 **FileUpload**控件是ASP.NET提供的用于处理文件上传的核心组件。它允许...

    bootstrap 固定文本框

    这里,`class="input-group-btn"`和`class="btn btn-default btn-file"`用于创建按钮样式的文件选择器,`readonly`属性确保了输入框中的文件路径是只读的。当用户选择文件后,文件名将自动显示在输入框中。 为了...

    文件上传与管理系统 文件上传

    实现这一功能通常需要HTML5的`&lt;input type="file" multiple&gt;`属性,它允许用户在文件对话框中选择多个文件。后台通常使用诸如Node.js、Python的Flask或Django、Java的Spring Boot等服务器端框架,配合 Multer(Node....

    php 20个实例文件简单上传下载源码

    - PHP中的`&lt;input type="file"&gt;`元素用于在HTML表单中选择本地文件进行上传。 - `$_FILES`全局变量存储着上传文件的信息,包括文件名、大小、类型、错误代码以及临时存储路径。 - `move_uploaded_file()`函数用于...

    文件上传下载系统

    在Web应用中,通常会使用HTML表单的`&lt;input type="file"&gt;`元素让用户选择要上传的文件。后台服务器接收到请求后,会将文件存储在指定的服务器目录。 2. **文件下载**:文件下载则相反,是从服务器获取文件并将其...

    html 文本框(text)不可用只读的多种实现方法

    因此,这种方法并不真正实现只读,而是完全隐藏了文本框。 **方法四:使用CSS的`visibility:hidden`** ```html &lt;input id="File1" type="text" style="visibility:hidden"/&gt; ``` 与`display:none`不同,`visibility...

    文件上传与管理系统发v1.0

    ASP提供了文件上传的内置函数,如`&lt;input type="file"&gt;`标签用于选取文件,而服务器端的处理则通过`&lt;form&gt;`表单的`enctype="multipart/form-data"`属性来实现文件数据的传输。此外,系统可能还包含文件大小、类型...

    今日内容介绍2

    6. `&lt;input type="file"&gt;`:允许用户选择本地文件上传。 7. `&lt;textarea&gt;`:创建多行文本输入区域。 8. `&lt;input type="submit"&gt;`和`&lt;input type="button"&gt;`:创建提交和普通按钮,前者提交表单,后者执行JavaScript...

Global site tag (gtag.js) - Google Analytics