十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
input type="file" id="file_input"
成都创新互联公司提供成都网站设计、成都网站建设、网页设计,品牌网站制作,广告投放平台等致力于企业网站建设与公司网站制作,10余年的网站开发和建站经验,助力企业信息化建设,成功案例突破1000多家,是您实现网站建设的好选择.
script
$(function(){
$("#file_input").change(function(){
alert("文件名及路径"+$(this).val()+"\n文件类型可以根据扩展名来判断");
});
})
/script
html代码:
div id="divForm"
文件:input type="file" id="myfile"
input type="button" id="btnOpen" value="展示文件"
/div
内容展示:
div id="divShow" style="width:400px;height:300px;border:1px solid gray"
/divjs代码:
script type="text/javascript" src="js/jquery-1.8.3.min.js"/script
script type="text/javascript"
$(function(){
//按钮点击事件
$("#btnOpen").click(function(){
//得到选择的文件的路径及文件名
var path=$("#myfile").val();
//加载本地文件
$.get(path).success(function(content){
// content就为文件data.txt的文本内容了
$("#divShow").html(content);
});
});
});
/script
$('input').on('change',function(){
var value = $(this).val();
value = value.split("\\")[2];
})
value 就是图片名称。因为浏览器安全机制 获取到的value都是C:\fakepath\ 加上图片名,所以可以用这个方式获取
语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。任何有效的数值表达式,指定要返回的字符个数。filenumber必要。
任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。Input 函数只用于以 Input 或 Binary 方式打开的文件。
与 Input # 语句不同,Input 函数返回它所读出的所有字符,包括逗号、回车符、空白列、换行符、引号和前导空格等。
对于 Binary 访问类型打开的文件,如果试图用 Input 函数读出整个文件,则会在 EOF 返回 True 时产生错误。
直接利用AJAX是无法传递FILE的....你可以利用一个内部框架.让form的target指向ifame...保证form的action和iframe的src是一样的就可以了...然后在内部框架里处理file.内部框架加载完毕后触发一个函数parent.displayFileTmp("?= $_FILES[file][tmp_name] ?"); 然后让它显示出来就可以了..不要问为什么ajax无法传递file..因为它本身就不支持file的传递
/*
*
* Function to validate File size
*
**/
function findSize(field_id)
{
var fileInput = $("#"+field_id)[0];
byteSize = fileInput.files[0].fileSize;
return ( Math.ceil(byteSize / 1024) ); // Size returned in KB.
}