Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用javascript中的html浏览按钮捕获的文件名

使用javascript中的html浏览按钮捕获的文件名
EN

Stack Overflow用户
提问于 2013-01-27 13:59:19
回答 1查看 762关注 0票数 2

我正在尝试创建一个表单,我可以上传人口统计信息,如姓名等,以及上传jpg图像文件。我不知道如何捕捉用户从浏览按钮中选择的文件。文件名存储在哪里?我如何访问它才能上传?如何访问它以将其指定为变量,例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var theFileName; 
function() 
if (filename !=null) { //manipulate the variable }; 
else { //something else};

我是JavaScript的新手,试图通过网络资源和书籍自学,似乎找不到答案。除了这个问题的答案之外,有没有人能推荐一个好的web资源来获得关于这个主题的更多信息?最终目标是能够将信息和文件上传到数据库中,以便可以在另一个页面上调用,但不同的用户。

EN

回答 1

Stack Overflow用户

发布于 2013-01-27 14:05:58

http://jsfiddle.net/EDfsh/

如果你看一下我做的这个小提琴,你会得到你需要的代码;)

它使用jQuery。

您的HTML输入

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input type="file" id="pic" >

JavaSCript:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function fileName(test){
    var source=test.value;
    alert(source);
}

$(function(){
    $('#pic').bind('change',function(){
        fileName(this);
    });
});

但是您看不到文件的源代码。而且你也没有权利看到整个过程。所以你只要得到文件名就行了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14548106

复制
相关文章
JavaScript禁用浏览器后退按钮
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
全栈程序员站长
2022/09/15
1.9K0
HTML中的javascript交互
在Android开发中,越来越多的商业项目使用了Android原生控件与WebView进行混合开发,当然不仅仅就是显示一个WebView那么简单,有时候还需要本地Java代码与HTML中的javascript进行交互,Android也对交互做了很好的封装,所以很容易实现例如:点击网页中的按钮Android调用原生对话框,点击网页中的电话号码调用Android拨号APP。这篇给大家介绍下如何实现Android与HTML+JS的交互。 有的人可能不理解什么是javascript,可以简单理解为它在HTML中
xiangzhihong
2018/02/01
4K0
HTML中的javascript交互
【说站】javascript中Promise的异常捕获用法
1、在promise的then方法中,已经自动帮助我们try catch回调函数。
很酷的站长
2022/11/24
1.4K0
【说站】javascript中Promise的异常捕获用法
Web浏览器中的JavaScript
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
6930
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
将 <input /> 标签 的 type 属性设置为 button , 就可以将该 表单组件 设置为 普通按钮 类型表单 ;
韩曙亮
2023/03/30
8.2K0
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
浏览器工作原理 - 浏览器中的 JavaScript
函数 foo() 是一个完整的函数声明,没有涉及赋值操作;第二个函数,先声明了变量 bar,再把 function () {} 赋值给 bar。可以理解为:
Cellinlab
2023/05/17
5520
浏览器工作原理 - 浏览器中的 JavaScript
2 《JavaScript高级程序设计》__ HTML中的JavaScript
大家好,我是HoMeTown,web领域有一本神书大家应该都有看过,这本书我看过两遍,但是每次看都是粗粗的略过一些重要的知识点,甚至一些面试过程中的问题,在这本书里都能找到答案。
HoMeTown
2022/10/26
1.1K0
2 《JavaScript高级程序设计》__ HTML中的JavaScript
用伪代码理解浏览器中的事件冒泡以及捕获
浏览器会获取到每一个节点的位置和宽度、高度。 好了,从这个时候开始,浏览器就会运行自己的事件循环,查看是否有各种事件发生 于是,这个时候,用户点击了一下页面上的某一块位置,但是浏览器并不知道用户点 击了哪一个dom,并且也不知道该dom是否有事件响应程序,浏览器知道的只是用户点 击的位置的x,y坐标,浏览器这个时候就开始从dom树的根开始寻找,(这里是捕获的 开始),x,y是否在根的位置上,根有没有注册点击事件?点击事件是否是捕获注册的 ?如果事件是捕获注册的,那么执行这个事件处理函数,在该函数中,判断是否有 event.stopPropagation()来阻止事件的捕获,若阻止了,那么该点击事件的整个过程就完 成了,不论子节点是否注册了点击事件都不会执行到的。然后接着往后找,进行同样的 判断,知道找到叶子节点位置(这里是捕获的结束)。同样要判断该叶子节点是否注册 了点击事件?是否阻止了事件?然后怎么来的,就怎么回去(这里是冒泡的开始)。在回 去的过程中,判断每个节点是否注册了点击事件,是否是冒泡注册的,如果是冒泡注册的 事件,那么就执行,执行过程中如果发生了event.stopPropagation(),那么整个点击事件 就结束了,如果没有就接着往根走,直至结束。 以下是伪代码
Theone67
2019/11/21
6780
仅使用HTML和CSS的亮暗模式按钮切换
我的目标之一是使每个工具都可以不使用javascript,以一定程度上简化代码,同时也是个挑战。
鲸落c
2022/11/14
4K0
仅使用HTML和CSS的亮暗模式按钮切换
仅使用HTML和CSS的亮暗模式按钮切换
我的目标之一是使每个工具都可以不使用javascript,以一定程度上简化代码,同时也是个挑战。
海拥
2021/08/23
3.3K0
仅使用HTML和CSS的亮暗模式按钮切换
关于javascript错误捕获
``` javascript的出错我们应该都很熟悉,例如`xxx undefined`,`SyntaxError`等。 我们team将出现错误的javascript代码取名为badjs,也有一个
IMWeb前端团队
2017/12/29
1.1K0
python中的异常捕获
无论是编程新手还是老手,都会遇到过程序报错,终止执行的情况,对于python的报错信息,可以分为以下两大类
生信修炼手册
2020/05/28
1.9K0
关于 javascript 错误捕获
作者:vienwu 随便写点啥,不然要被k。。 javascript 的出错我们应该都很熟悉,例如xxx undefined,SyntaxError等。 我们 team 将出现错误的 javascri
腾讯IVWEB团队
2017/03/13
1.2K0
修改Hexo自动生成的HTML文件名
我们在使用Hexo框架生成静态博客时,其实是将你写好的.md文件输出成HTML文件进行渲染,其中HTML的文件名称就是.md的文件名称。
编程大道
2019/07/15
2K0
修改Hexo自动生成的HTML文件名
Javascript中数组的使用
Array在Javascript程序开发中是一个经常使用到。一个数组可以存储Javascript支持的任何数据类型。 1.基本知识点 //创建一个对象并初始化它 var preInitArray = new Array("First Item", "Second Item", "Third Item"); for (var i = 0; i < preInitArray.length; i++) { console.log(preInitArray[i]); }
八哥
2018/01/18
8.4K0
使用JavaScript,点击按钮一个打开新的窗体
<script type="text/javascript"> function openObj(){ window.open("success.html","baiducccc");//新建一个窗体,名字为baiducccc } function openObj2(){ window.open("success.html","_self");//在自身的窗体打开,不会新建窗体 } function openObj3(){ var win = window.open("success.html", "abccc","width=400,height=400,top=100,left=200,menubar=yes,location=yes,scrollbars=yes")//表示不会一直新建窗体,一直都是在名字为abccc的窗体打开(第一次是新建了一个abccc的窗体,之后就不会再创建) //win.resizeBy(200,200)//在原来的页面基础上新加200,200 //win.resizeTo(200,200)//把原来的大小重新设定为200,200 //win.moveBy(200,200);//在原来基础上再偏移200,200 console.log(win.screenX+"."+win.screenY);//查看没有偏移之前的位置 win.moveTo(200, 200); console.log(win.screenX+"."+win.screenY);//查看偏移之后的位置 } console.log(innerHeight+"..."+innerWidth); </script> </head> <body> <input type="button" value="打开新页面" οnclick="openObj()"> <input type="button" value="在当前窗体打开" οnclick="openObj2()"> <input type="button" value="指定窗体位置大小打开" οnclick="openObj3()"> </body>
小小鱼儿小小林
2020/06/23
1.3K0
关于javascript错误捕获
function define(){ ... } var a = define; define = function(){ try{ a.apply(this,arguments); }catch(e){ ...错误上报 } };
IMWeb前端团队
2019/12/03
8580
html.dropdownlistfor_html按钮样式
var parents = _MemberEditDTOService.GetParents();
全栈程序员站长
2022/09/27
4.6K0
浏览器中的JavaScript核心BOM(浏览器对象模型)
在学过JavaScript之后,我们都知道对象分为内置对象 、宿主对象 、自定义对象,我们经常用到的浏览器中的内置对象就是宿主对象的一种,浏览器的内置对象有很多,本文就来详细讲解一下History对象的属性与方法吧。
@零一
2021/01/29
5080
在HTML中使用JavaScript
前言 JavaScript是浏览器的内置脚本语言。当网页中嵌入了JavaScript脚本,浏览器加载网页时,就会执行脚本,从而操作浏览器,实现各种动态效果 JavaScript代码嵌入网页的方法 1、<script>元素直接嵌入代码 <script type="text/javascript"> function sayHello() { alert("hello!"); } </script> 2、<script>元素加载外部脚本 <script type="text/javascript" sr
pitaojin
2018/05/25
1.4K0

相似问题

如何捕获浏览按钮的文件名?

10

使用JavaScript捕获浏览文件窗口的关闭

30

使用javascript禁用HTML中的按钮

11

使用javascript捕获Android手机中的本机按钮点击

31

使用javascript从数组中的HTML页面捕获图像

114
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文