`
war_martin
  • 浏览: 114966 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何实现input file的只读

阅读更多

在<input type="file">标签中写上readonly的时候,浏览按钮将是无效的。为了实现前面文本框不可手动更改(降低因用户操作而出现的错误),但是后面的button有效,可以采用以下方法:

<form name="upload">
<input type="file" name="filepath"     style="display:none"     onChange="document.upload.showpath.value=this.value">
<input name="showpath" readonly>
<input type="button" onClick="document.upload.filepath.click();" value="选择">
</form>

分享到:
评论

相关推荐

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

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

    php下载文件file_get_contents php input

    `php://input`是一个只读流,可以用来获取POST请求的原始数据,特别是当请求类型设置为`multipart/form-data`时。这种方式比使用`$_POST`更底层,因为它不受PHP的默认变量解析影响,因此可以处理更复杂的数据结构,...

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

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

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

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

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

    需要注意的是,虽然这两种方法都可以实现清空`&lt;input type="file"&gt;`的效果,但它们都不会影响用户的文件选择对话框。也就是说,用户仍然可以选择相同的文件,除非他们自己取消选择或者选择其他的文件。在实际应用中...

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

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

    input资源的格式

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

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

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

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

    `&lt;input&gt;` 控件是 HTML 表单中最核心的元素之一,它可以实现多种功能,包括文本输入、密码输入、单选按钮、复选框以及更多。 1. **文本输入框 (text)**: `&lt;input type="text"&gt;` 创建一个单行文本输入框,用户可以在...

    input 标签的属性

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

    INPUT的TYPE用法

    HTML(超文本标记语言)是构成网页的基础,而`&lt;input&gt;`元素是创建交互式表单的关键组件之一,通过其`type`属性可以实现多种功能,满足用户输入数据的需求。 ### 1. `type="text"` - 文本输入 `type="text"`是最...

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

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

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

    &lt;input id="File1" type="text" disabled/&gt; ``` 这种方法直观且易于理解,但需要注意的是,`disabled`的文本框不会被提交到服务器,因此如果在表单提交时需要该数据,这种方法可能不适合。 ### 方法二:`readonly`...

    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...

    c++文件操作

    if (inputFile.fail() || inputFile.bad()) { // 处理错误 } ``` 七、模式选择 打开文件时,可以指定不同的模式,如只读(`ios_base::in`)、只写(`ios_base::out`)、追加(`ios_base::app`)等。组合使用可实现读写或...

    C++实现文件流的例子

    ifstream inputFile("example.txt"); ofstream outputFile("newfile.txt"); fstream ioFile("ioExample.txt", ios::in | ios::out); ``` - **关闭文件**:当完成文件操作后,使用`close()`函数关闭文件,如: `...

    VBS操作文本文件(源代码)

    Set inputFile = fso.OpenTextFile("input.txt", 1) Set outputFile = fso.CreateTextFile("output.txt", True) Do Until inputFile.AtEndOfStream line = inputFile.ReadLine ' 对每一行进行处理,如替换操作 ...

    fso.rar_javascript FSO

    var inputFile = fso.OpenTextFile("test.txt", 1, false, -2); // -2 表示使用系统默认编码 var content = inputFile.ReadAll(); inputFile.Close(); // 如果知道是UTF-8编码,可以这样读取以避免乱码: // var ...

    vc.rar_VC 文件操作_文件操作

    ifstream inputFile("example.txt"); ``` 或者,你可以直接在构造函数中指定文件名: ```cpp ifstream inputFile("example.txt"); ``` 2. **读取文件**: 一旦文件被打开,就可以使用`&gt;&gt;`运算符或者`getline...

Global site tag (gtag.js) - Google Analytics