jquery获取div下的input type为file的,类似下图 我要去获取一个div框里面所有的file

jquery获取div下的input type为file的,类似下图 我要去获取一个div框里面所有的file,第1张

var files = $("file-box")find("input[type='file']");

fileseach(function(){

alert($(this)val());

});

试试

这个无需用jquery, 但是浏览器必须要支持html5,

假设页面上有一个文件

<input type="file" id="file_input" />

var input = documentgetElementById("file_input");

//文件域选择文件时, 执行readFile函数

inputaddEventListener('change',readFile,false);

function readFile(){

var file = thisfiles[0];

consolelog("文件名:"+filename);

consolelog("文件类型:"+filetype);

consolelog("文件大小:"+filesize);

}

$('input')on('change',function(){

var value = $(this)val();

value = valuesplit("\\")[2];

})

value 就是名称。因为浏览器安全机制 获取到的value都是C:\fakepath\  加上名,所以可以用这个方式获取

语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。任何有效的数值表达式,指定要返回的字符个数。filenumber必要。

任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。Input 函数只用于以 Input 或 Binary 方式打开的文件。

与 Input # 语句不同,Input 函数返回它所读出的所有字符,包括逗号、回车符、空白列、换行符、引号和前导空格等。

对于 Binary 访问类型打开的文件,如果试图用 Input 函数读出整个文件,则会在 EOF 返回 True 时产生错误。

字符串截取

var file = $("#file")val();

var fileName = getFileName(file);  function getFileName(o){    var pos=olastIndexOf("\\");    return osubstring(pos+1);  }  方法二:正则表达式

var file = $("#file")val();

var strFileName=filereplace(/^+\\([^\\]+)(\[^\\\])$/gi,"$1");  //正则表达式获取文件名,不带后缀var FileExt=filereplace(/+\/,"");   //正则表达式获取后缀

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

获得form的url简单的方法:$('form')attr('action')

表单提交简单方法:$('form')submit();

如果有多个表单,请更换选择器,以便找到你所想控制的表单。

以ajax方式提交可以使用ajaxForm方法。

给题主几个关键字:

HTML5,FileReader,FileList,readAsText

Jquery跟读取本地文本文件没有一点关系,jquery没这个功能,能做到的只有HTML5的fileReader(当然你要说IE的话当我没说)。使用的时候考虑下兼容性。

ps最后再吐槽下题主的问题,如果你悬赏了很高的分数,我就不说啥了。关键是一分没有,没弄清楚问题,还“回答之前先调试”,别这么高傲好吧,别人给你思路就已经足够你解决问题了。

以上就是关于jquery获取div下的input type为file的,类似下图 我要去获取一个div框里面所有的file全部的内容,包括:jquery获取div下的input type为file的,类似下图 我要去获取一个div框里面所有的file、怎么在页面上用jquery获取上传文件时的文件名和文件的大小、jquery如何获取input(file)控件上传的图片名称,即"11111.jpg"等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9799349.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存