`
zoutuo1986
  • 浏览: 180141 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

input type='file'的二个设置

 
阅读更多
1、如何去掉里面的值。之前试着修改value。却没有效果。最后只能“杀之”
(http://www.cnblogs.com/21dacia/archive/2008/10/13/1310308.html)
function refreshUploader(who){
var who2= who.cloneNode(false);
who2.onchange= who.onchange;// events are not cloned
who.parentNode.replaceChild(who2,who);
}
2、如果让input中的值不能编辑。。如果type是text,readonly可搞定,但是这个木有readonly呀,网上查到,原来可以这样。(http://cbsahhs.blog.163.com/blog/static/18241455200972411945138/)
2.1. 替代法

      使用隐藏的<input type="file"/>控件,然后用一个只读的文本框和一个按钮来模拟<input type="file"/>的功能。

<input type="file" name="file" onpropertychange="file1.value=this.value" style=display:none/>  

<input type="text" name="file1" readonly/>  

<input type="button" value="浏览" id="button1" name="button1" onclick="file.click()"/>

2.2. 使用脚本事件限制控件输入

      将<input type="file"/>控件的鼠标右键菜单、按键事件限制住,不让用户有机会输入。

<input type="file" onkeydown="return false" onkeyup="return false" oncontextmenu="return false">

2.3. 使用contenteditable属性

      使用该属性可以有效地限制用户在<input type="file"/>控件中手动输入内容,而只能通过文件选择对话框选择文件。

<input type="file" id="file1" contenteditable="false" />
分享到:
评论

相关推荐

    如何将input type=file显示的浏览变成英文的

    2. **创建自定义的按钮:** 在页面上添加一个自定义的按钮,当用户点击该按钮时触发隐藏的`&lt;input type="file"&gt;`元素。 ```html &lt;input type="button" value="Browse" onclick="document.formen.picpath.click()...

    input type=file 显示的浏览 改成英文

    在网页设计中,`&lt;input type="file"&gt;` 是HTML元素的一个重要部分,它用于创建一个文件上传控件。默认情况下,这个控件的文本提示和按钮是根据用户的操作系统语言来显示的,例如,在中文环境下会显示“浏览”或“选择...

    HTML input type=file文件选择表单元素.docx

    HTML5 中的 input type=file 元素支持多图上传、上传前预览、二进制上传等功能,取代了 swfupload.js 的作用。现在,很流行的一种处理方式,就是 HTML5 文件上传和 flash swfupload 上传一起整合的模式,优先使用...

    input type=file 调取手机照相机和选择照片上传

    在移动设备上,HTML5 的 `input type="file"` 是一个关键元素,它允许用户从他们的设备中选择文件,包括照片,以便上传到网站或应用。这个特性在现代Web开发中非常常见,尤其是在构建响应式网页和混合应用程序时。...

    Android-解决在webview中input标签type="file"不能使用的问题

    然而,在实际使用中,我们可能会遇到一些问题,比如在WebView中使用`&lt;input type="file"&gt;`标签时,用户无法选择本地文件。这个现象主要是由于Android的安全机制和权限控制导致的。本文将详细讲解如何解决这个问题。 ...

    图片上传.rar(C#如何使用input[type=file]进行多个图片上传)

    C#如何使用input[type=file]进行多个图片上传(XMLHttpRequest与后台交互) 详情可看:https://blog.csdn.net/weixin_44713389/article/details/90746459

    vue中使用input[type=”file”]实现文件上传功能

    注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...

    input type=file 及时预览图片

    在网页设计中,`&lt;input type="file"&gt;` 是一个非常常见的HTML元素,它用于让用户从他们的设备上选择文件,通常用于文件上传功能。在这个场景中,我们要讨论的是如何利用这个元素实现图片的即时预览,即用户在选择图片...

    android webview input=file 失效解决方案

    然而,在使用Webview时,有时会遇到一个问题:当HTML页面中包含`&lt;input type="file"&gt;`用于上传文件的表单元素时,这个功能在Webview中可能无法正常工作。这通常是因为Android的安全策略限制了Webview对本地文件系统...

    file input 按钮国际化

    对于file input按钮,可以通过设置`&lt;input type="file" lang="zh-CN"&gt;`来显示中文版本,但遗憾的是,浏览器默认的按钮文本并不会因此改变。 2. **CSS替换文本**:利用CSS的伪元素`::before`和`::after`,我们可以...

    解决webView不支持网页,webViewinput type="file"上传功能

    然而,WebView在处理某些复杂网页功能时可能会遇到限制,比如`input type="file"`的文件上传功能。这个功能在许多网站上用于让用户选择本地文件进行上传,但在默认情况下,Android或iOS的WebView可能无法直接支持。...

    ajaxfileupload.js结合input[type=file]无刷新上传

    本文将详细介绍如何使用`ajaxfileupload.js`这个jQuery插件,结合`input[type=file]`元素,实现无刷新的文件上传功能。 首先,`ajaxfileupload.js`是一个基于jQuery的轻量级插件,它允许开发者通过异步方式发送文件...

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

    2. **设置只读属性**:由于 HTML `&lt;input type="file"&gt;` 并没有内置的 `readOnly` 属性,因此我们需要通过其他方式来模拟只读效果。 下面是一个简单的实现示例: ```javascript document.getElementById('...

    定义input type=file 样式的方法

    `&lt;input type="file"&gt;`被定位在模拟的文本框和按钮之上,通过CSS设置`opacity: 0`或`filter: alpha(opacity: 0)`使其不可见,同时保留其功能。 对应的CSS样式可能如下: ```css .file-box { position: relative; ...

    HTML+JAVA 手机端相册或者拍照上传到服务器,简单的代码样例(使用控件input type=file)

    HTML+JAVA 手机端相册或者拍照上传到服务器。前台代码部分:手机选择图片input type=file,通过form表单提交到后台;后台java代码部分:获取表单提交的文件和普通控件数据,将文件写入服务器某路径下

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

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

    Android WebView 不支持 H5 input type=”file” 解决方法

    通过网络搜索发现是因为 android webview 由于考虑安全原因屏蔽了 input type=”file” 这个功能 。 经过不懈的努力,以及google 翻译的帮助 在 stackoverflow 中找到了解决的方法。 具体可以理解为 重写webview 的...

    css input[type=file] 样式美化(input上传文件样式 )

    本教程将详细介绍如何使用CSS对`input[type=file]`进行样式美化,使文件上传按钮更加符合网站的整体风格。 首先,我们来看一个简单的例子。在这个例子中,我们创建了两个不同的样式来展示如何自定义文件上传按钮: ...

    Android WebView 不支持 H5 input type="file" 解决方法

    这是因为 Android WebView 由于考虑安全原因屏蔽了 input type="file" 这个功能。 解决方法是重写 WebView 的 WebChromeClient,使用 ValueCallback&lt;Uri&gt; 来处理文件选择器的回调。首先,我们需要在 Activity 中...

Global site tag (gtag.js) - Google Analytics