关于<input type="file" />的问题

在IE和火狐下,<input type="file" size="52" />这个选择文件后文本框会显示文件路径,如何让文本框只显示文件名,不显示文件路径。急求。

file类型的input标签,出于安全考虑,是不允许修改,设置其value值的。

但是你不修改它就是了,你可以显示在其他地方嘛。

<input type="file" id="file" />
如:
var path = document.getElementById("file").value;
path = path.substring(path.lastIndexOf("\\")+1,path.length);
alert(path);
//这里path就是文件名了,你可以把他放在你想要显示的地方,再把原来的input file 设置css隐藏掉,或者显示一半之类的。

还有问题可以追问哦。
温馨提示:内容为网友见解,仅供参考
无其他回答

inputtype=file文件不存在
原因是选择的文件不存在或者路径不正确。可以尝试以下方法来解决这个问题。1、检查文件路径:确保选择的文件路径是正确的,文件确实存在于该路径下。2、检查文件名:确保输入的文件名是正确的,包括大小写和扩展名。3、检查文件权限:确保有权限访问该文件,如果文件受到保护或者只读,您可能无法上传该文件。...

在火狐中<input type="file">取到的路径不是完整的路径,怎么才能获取...
如果您是在利用该控件进行文件上传,那么并不需要获取完整路径,因为该控件实属用注入方式上传文件流至目标服务器。而您的服务器端的代码则要视您使用的语言平台了,但是无论是java还是c#亦或是别的动态语言都是可以成功获取的。希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

<input type="file">的事件问题
设定一个flag,为true或者false.监听键盘的onkeydown和input的onchange事件。onkeydown事件里面,检查按下键的值和text的值,如果按下的键是a-z,A-Z,0-9并且如果text里面值为空,则将flag置为true,如果text里面值为非空,则将flag置为false.在onchange里面检查flag的值,如果为true则触发你要触发的...

关于input type=file 的一些实践
原以为美滋滋的解决了需求,但是又发现一个问题:   当file选择文件弹窗出现之后,用户点击取消,input 的值就被清空了。那么问题就来了,如果用户一开始选中了一个文件,接下来用户再次点击上传文件的时候,手抖点击了取消,原本input的值就被清空了... my god!   ...

为什么一个页面用 <input type="file" \/>只能提交20个文件
一个页面用 <input type="file" \/>只能提交20个文件,这种是因为服务器有限制,如果服务器为PHP,php 5.2.12 及以上的版本,有一个隐藏默认配置,在php.ini里没有列出,是max_file_uploads设定。max_file_uploads默认值是20,即一次最多只能上传20个文件。解决方法:手动在php.ini为max_file_...

<input type="file"> 的 onchange 触发问题
以前由于安全问题,file的value是不允许修改的。但现在ff,chrome和safari可以把它设为空值来实现重置:file.value = "";当然其他值还是不允许的。ps:记忆中以前是不行的,不知有没有记错。对于opera,有一个变通的方法,利用它的type属性:file.type = "text"; file.type = "file";通过修改type...

html中 input type=file的问题
这些跟input type=file有什么关系?image\/gif是路径,这里是相对路径 只接受指定的文件可以用Javascript脚本来完成。

html input标签 file类型,上传的具体是什么东西?
在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建。该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。该元素的 value 属性保存了用户指定的文件的名称,但是当包含一个 file-upload 元素的表单被提交的时候,...

input type是file的内容怎么修改
取不到,因为file是文件流。你可以使用,用js把type="file"里面的地址赋值给hidden,然后再龋

...发现<input type='file' \/>的上传按钮功能失效,点击没有任何反应...
安卓APP的WebView默认屏蔽了该控件的使用,有些安卓APP之所以能支持文件选择和上传,主要可能是有可能采取了如下措施之一:(1)可能在该APP中重写了相关方法(http:\/\/stackoverflow.com\/questions\/5907369\/file-upload-in-webview)(2)提供了JS Bridge来供web页面调用 所以,单从前端技术上是解决不了...

相似回答