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

最新推荐文章于 2019-11-05 15:06:07 发布
原创 最新推荐文章于 2019-11-05 15:06:07 发布 · 289 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ASP.net #JavaScript #ASP #.net #Blog #ViewUI

本文详细介绍了在ASP.net环境中，遇到文件上传组件无法弹出选择文件窗口的问题，并最终通过设置UNSELECTABLE属性成功解决的方法。文章提供了具体的HTML代码示例，包括设置class、id、style等属性，以及UNSELECTABLE属性的应用，同时讨论了如何避免焦点问题，确保上传功能正常运行。

试过很多方法，都未能实现，如：

  • 设置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.youkuaiyun.com/changezhong/archive/2006/09/02/1160663.aspx

iteye_13967
关注
js 获取、清空input type=file的值(示例代码)
12-08
在JavaScript中，`<input type="file">` 是一种用于让用户选择本地文件的HTML元素。这个控件允许用户从他们的计算机上选取一个或多个文件，然后上传到服务器。然而，出于安全考虑，JavaScript并没有直接提供清空这个...
js 获取、清空input type="file"的值示例代码
10-26
由于`<input type="file">`的`value`属性是只读的，我们不能直接通过设置`value=""`的方式来清空文件输入框中的值。但是，我们可以通过其他方法来实现清空效果。 - **方法一**: - 创建一个隐藏的`<input type=...
input type=file 只读，并能实现文件上传
ltfgood的专栏
11-11 604
<br /><INPUT  id="fileUpload" style="WIDTH: 500px;cursor:hand" type="file" name="fileUpload"  UNSELECTABLE="on" >
input type=file只读
smallnetvisitor的博客
05-16 538
怎样让input type=file 只读，并能实现文件上传 今天为了这个功能，着实郁闷了好久，得记录下来   试过很多方法，都未能实现，如： 设置readOnly=true 设置disable 设置this.blur()  通过javascript来控制  都不行，因为只要是readOnly或disable，都无法弹出选择文件的窗口，即使用javascript实现了弹出，...
设置上传文件控件文本框只读属性代码
学习日记
12-08 1408
contenteditable="false" />或者contenteditable="false" /> 
input file 只读实现
朝着未来勇敢前进
01-19 1503
//禁止粘贴,禁止直接写路径    
js 获取、清空input type="file"的值(示例代码)
10-26
在JavaScript中，`<input type="file">`控件用于让用户选择本地文件，然后上传到服务器。这个控件有一些特殊性，比如其`value`属性是只读的，这意味着我们不能直接通过设置`value`来清空用户选择的文件。这是因为...
将input type=file设置为英文浏览按钮的方法
"在网页开发中，我们经常使用`<input type="file">`标签来创建一个文件上传功能。然而，默认情况下，这个控件在不同操作系统和浏览器中的语言显示可能会根据用户的系统设置自动调整。在某些情况下，用户可能希望统一...
用input（class=file）上传图片怎样做到只读
IT成长
09-26 750
用input（class=file）来上传图片，这样的话，只要一点击图片域就会让选择图片，进行实时上传 但现在的要求是想做到如果我只是浏览的情况下，就屏蔽掉点击功能： 方法： $(“#inputId”).remove(); 可以做到只读不能修改
如何使文件上传输入框为只读属性
software_developer的专栏
02-06 2096
来源：http://hi.baidu.com/kekemao1/blog/item/4a5dd6459d6c473e86947320.html 我们知道，在网页上显示文件上传控件的语句是file"> 。在此当中，并不能对显示的输入框进行任何的设置，如果添加参数“readOnly”，则就连“浏览”按钮也不能用了。因此，狂人觉得，必须绕个弯才能解决问题。　　于是狂人想到了javascript，
如何实现input file的只读
war_martin
11-25 518
在&lt;input type="file"&gt;标签中写上readonly的时候，浏览按钮将是无效的。为了实现前面文本框不可手动更改(降低因用户操作而出现的错误)，但是后面的button有效，可以采用以下方法： &lt;form name="upload"&gt;&lt;input type="file" name="filepath"     style="display
表单提交input输入框设为只读
weixin_42485577的博客
09-04 673
方法一 使用readonly <input type="text" class="form-control" name="test" id="test" value=" " readonly/> 可在js中给input标签赋值 $("#test").val(123); 方法二 使用disabled <input type="text" class...
input实现文件上传
aisijue2425的博客
10-30 497
input实现文件上传 input + ajax 实现文件上传，包括文件大小及类型的判断 一、html <input type="file" id="file" multiple="multiple" onchange="handleFile()"> 二、JS /** * $icon: 文件上传中loading图标 * fs: 上传的文件（$("#file")[0].file...
HTML5中使用type=file的input上传文件权威指南
kouryoushine的博客
11-05 2599
HTML5中使用type=file的input上传文件权威指南 一 、入门 下面是大家非常熟悉的html5的文件上传代码，可不保证每个人都真的理解背后的知识点。 <input type="file" id="input"> 当我们点击file标签的时候一定会弹出文件选择的界面，当我们选择一个图片或者文件时，浏览器dom中会产生一个fileList对象。 通过DOM API我们可以访问...
input的disabled属性会导致无法上传
https://syra-ti.icu
07-29 1454
如题 很多人会用disable禁止用户修改input的值 但是同时会导致form提交时不包含这个文本框的值 （disabled本意即为禁用 所以自然不会上传）需要实现禁止修改可以使用readonly属性
关于input type=“file”的及其files对象的深层探究
热门推荐
lianzhang861的博客
05-11 11万+
我们都知道，html5中有个input type=file元素。用该元素可以实现页面上传文件的功能 但一般的做法只是简单的在表单中操作，我来研究一下深层东西 想要了解它，就要知道它的内置对象，files 页面上写一个input，然后选俩个图片，打印这个input对象 $("input[name='file1']").change( function(e){ console.log...
使用<input type="file">实现文件上传
Liaoxixi的博客
09-05 4835
实现文件上传有很多方法，还有一些现成的插件可以使用，笔者在学习途中，并没有用过，读者可以百度一下。 笔者并没有实现文件过滤的功能，即限制文件的上传类型。 笔者使用了struts框架，需要在struts.xml文件的标签内添加： struts.xml <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值