关于前端jquery:选择文件var files=$("#img").files,输出files是undefined。求解

关于前端jquery:选择文件var files=$("#img").files,输出files是undefined。求解,第1张

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=10">

<meta >

这个无需用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 type='file' name='url'>是一个上传标签,只能通过用户手动点击选择路径,浏览器禁止通过代码来更改它的value值。

试想一下,如果代码可以随意更改用户上传的文件,那对用户来说岂不是特别的危险,所以这样的安全机制存在是非常合理的。

再说说关于jQuery的选择器怎么赋值

jQuery的选择器有三种类型

ID选择器 $("#id") ,意思就是根据HTML标签的ID来寻找,id代表标签id

类选择器 $("class") ,意思就是根据类名来寻找,class代表类名

标签选择器 $("tagname") ,意思就是根据标签名来寻找,tag那么代表标签名,如input、select等

寻找到你想要的标签后(如果你用的是id选择器),jQuery会提供一系列 *** 作的方法,如$("#id")text("要更改的值") 代表修改标签文本,$("#id")val("要更改的值") 代表修改标签value值,如果括号内不带参数的话,便是获取该值。

$val="获取到的值";

$('#inputfile')val($val);

如果这个不行的话可以试试这样:

$('#inputfile')attr("value",$val)

首先就你本身写的这个东西,应该是没法匹配到正确的结果的。

理由:#id 已经是唯一指定了。怎么还会有eq(0)

其次eq(n)是指匹配到的同类之后的滴n-1个元素

比如

<div class="bb">a</div>

<div class="bb">b</div>

<div class="bb">c</div>

<div class="bb">d</div>

$("bb:eq")匹配的结果就是上面所有的DIV。

$("bb:eq(1)")表示第二个DIV(数组的下标是从0开始的)

以上就是关于关于前端jquery:选择文件var files=$("#img").files,输出files是undefined。求解全部的内容,包括:关于前端jquery:选择文件var files=$("#img").files,输出files是undefined。求解、jquery中获取<input type=file id='fileid'>路径问题,ie和火狐有区别,在火狐中我怎么获取其路径,ie可以、怎么在页面上用jquery获取上传文件时的文件名和文件的大小等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9535577.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存