jquery如何获取input(file)控件上传的图片名称

jquery如何获取input(file)控件上传的图片名称,第1张

$('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 时产生错误。

1首先是jsp

<button class="btn button uploadAndNext" id="importWhiteBtn" type="button">

<span class="button">提交导入</span>

</button>

2然后是js

$(function(){

var uploadCom = null;

function uploadIt() {

$("#importWhiteBtn")click(function() {

var uploadId = "#" + $(this)attr("id");

var btn = $(this);

uploadCom = new AjaxUpload( uploadId + "" , {

action : "whitePhoneNumberdoaction=importFile",

onSubmit: function(file, ext) {

if ((ext && /^(txt)$/test(ext))) {

alert("请先下载导入模板readmetxt参考,您上传的文档格式不对,请重新选择!");

return false;

}

$blockUI({

message:"正在上传到服务器"

})

},

onComplete: function(file, response) {

$unblockUI();

if(response=="success"){

alert( "导入成功");

$('#whitePhoneList')flexReload();

}else{

alert( "导入失败,"+response);

}

}

});

});

$("uploadAndNext")click();

}

uploadIt();

firstClick = false;

})

3最后是action

public ActionForward importFile(ActionMapping mapping, ActionForm form,

>

这个无需用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);

}

以上就是关于jquery如何获取input(file)控件上传的图片名称全部的内容,包括:jquery如何获取input(file)控件上传的图片名称、jquery 获取fileupload的完整路径。给完整的代码。直接可以用的、怎么在页面上用jquery获取上传文件时的文件名和文件的大小等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存