`

只读,可上传的上传input file

 
阅读更多

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

今天为了这个功能,着实郁闷了好久,得记录下来

 

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

设置readOnly=true 
设置disable 
设置this.blur() 

通过javascript来控制

都不行,因为只要是readOnly或disable,都无法弹出选择文件的窗口,即使用javascript实现了弹出,上传时也不行,最后还是把中心放在了让他没有焦点上,设置了

 

hideFocus=true也不行,于是开始详细的翻阅,input type=file的所有属性,终于还是让我找到了

Java代码 复制代码 收藏代码
  1. <INPUT class="text" id="fileUpload" type="file" name="fileUpload"
  2. UNSELECTABLE="on">
分享到:
评论

相关推荐

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

    ### 如何使 input type=file 只读并实现文件上传 在网页开发中,有时我们需要让用户选择一个文件但不允许他们更改已选择的文件。这通常是为了防止用户在提交表单前临时更改文件,从而确保文件的一致性和安全性。...

    php下载文件file_get_contents php input

    在处理复杂的HTTP交互和文件上传时,理解`php://input`和`file_get_contents`的区别非常重要。`php://input`主要用作处理原始请求数据,而`file_get_contents`主要用于从网络资源获取数据,这两者在PHP的输入/输出...

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

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

    【LNMP】提示Nginx PHP “No input file specified”错误的解决办法

    通过对LNMP环境中“No input file specified”错误的深入分析,我们了解了该错误产生的主要原因及其解决方法。通过调整PHP配置文件、文件权限以及重启LNMP服务等步骤,可以有效地解决这一问题。在实际操作过程中,还...

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

    这个函数创建了一个新的`&lt;form&gt;`元素,将`&lt;input type="file"&gt;`元素添加到新表单中,然后调用`reset`方法清空表单,最后将原始的`&lt;input type="file"&gt;`元素放回原位置。 需要注意的是,虽然这两种方法都可以实现...

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

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

    input资源的格式

    &lt;input type="file" name="yourfile" size="30"&gt; ``` ##### 4. `type="hidden"` 隐藏字段,通常用于传递一些不希望用户看到的信息。 - **属性介绍** - `name`: 输入框的名称。 - `value`: 隐藏字段的值。 **...

    input 标签的属性

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

    INPUT的TYPE用法

    &lt;input type="text" name="yourname" size="30" maxlength="20" readonly value="只可阅读"&gt; ``` ### 2. `type="password"` - 密码输入 `type="password"`与`type="text"`类似,但输入的字符会被隐藏,以星号或...

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

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

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

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

    file_get_contents&#40;php://input, r&#41;实例介绍

    在本文中,我们将深入探讨 `file_get_contents('php://input', 'r')` 的实例,以及它在处理 POST 数据时的作用。 在 PHP 中,`php://input` 是一个特殊的输入流,它允许我们访问原始的 HTTP 请求主体。这在处理 ...

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

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

    C++文件读写 可操作

    std::ifstream inputFile("example.txt"); std::ofstream outputFile("output.txt"); ``` 打开模式有多种,如只读(`std::ios_base::in`)、只写(`std::ios_base::out`)、读写(`std::ios_base::in | std::ios...

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

    - 表单中的文件上传字段使用 `&lt;input type="file" name="filename"&gt;`,其中 `name` 属性是上传后 PHP 脚本中用于访问文件的键。 **临时文件**: - 当用户上传文件时,PHP 会将文件存储在服务器上的临时目录中。 - ...

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

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

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

    通过在`&lt;input&gt;`标签中添加`disabled`属性,可以使得文本框变为不可用状态,即用户不仅不能修改内容,而且文本框会呈现出一种灰色的半透明效果,表示它当前是禁用的。示例如下: ```html &lt;input id="File1" type=...

    BlazorFileReader:用于从文件输入元素或Blazor中的放置目标创建只读文件流的库

    input type="file" /&gt;和在公开只读文件流。 拖放目标也可以用于初始化流。 这是一个,其中包含的输出。 当前,它是基于v2.0.0的构建。 标准上传组件 :newspaper: 2020年1月10日,Microsoft发布了一个名为的内置...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统&lt;input type="file" /&gt;标签的文件上传模式。 [编辑本段]SWFUpload...

    FileUpload组件

    5. **多文件上传**:FileUpload支持同时上传多个文件,只需在HTML表单中使用多个`&lt;input type="file"&gt;`元素。 在实际使用FileUpload组件时,开发者需要遵循以下步骤: 1. 引入依赖:确保项目中包含Apache Commons ...

Global site tag (gtag.js) - Google Analytics