扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这个无需用jquery, 但是浏览器必须要支持html5,
从网站建设到定制行业解决方案,为提供网站设计、网站制作服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。成都创新互联将不断加快创新步伐,提供优质的建站服务。
假设页面上有一个文件域
input type="file" id="file_input" /
var input = document.getElementById("file_input");
//文件域选择文件时, 执行readFile函数
input.addEventListener('change',readFile,false);
function readFile(){
var file = this.files[0];
console.log("文件名:"+file.name);
console.log("文件类型:"+file.type);
console.log("文件大小:"+file.size);
}
jquery.js和jquery.min.js的区别介绍:
1、区别:
jquery.js是完整的未压缩的jQuery库,文件比较大,一般用于阅读学习源码或修改源码,一般不用于线上项目。
jquery.min.js是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些优化。这个版本一般用于网站引用使用,减小文件体积,降低网站流量,提升访问速度等。
2、介绍:
jQuery 是继prototype 之后又一个优秀的轻量级JavaScript 框架。其宗旨是“Write Less, Do
More”,写更少的代码,做更多的事情。 它是一个快速和简洁的JavaScript 库,可以简化HTML
文档元素的遍历,事件处理,动画和Ajax 交互以实现快速Web 开发,它被设计用来改变编写JavaScript 脚本的方式。
jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
参考资料:百度百科 jQuery
如果光是主文件的话就是一个jquery-1.4.2.min.js,如果是jquery的插件的话就不一定啦!有的多,有的少!
先引用JQ
script
$(document).ready(function(){
var a=$("#xx1").attr("src")
alert(a.replace(".png",""))
})
/script
img alt="aaa" id="xx1" src="111111.png" /
查看JQuery文件的文件名,示例:jquery-1.8.3.min.js,这就是1.8.3版本。
打开JQuery文件,里面第一句话就是版本号,示例:/*! jQuery v1.8.3 jquery.com | jquery.org/license */,这就是1.8.3版本。
JQuery文件里面搜索:'selector: "", jquery: "',两个单引号里面的内容,搜索出来的结果后面的数字就是版本号。
字符串截取
var file = $("#file").val();
var fileName = getFileName(file); function getFileName(o){ var pos=o.lastIndexOf("\\"); return o.substring(pos+1); } 方法二:正则表达式
var file = $("#file").val();
var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1"); //正则表达式获取文件名,不带后缀var FileExt=file.replace(/.+\./,""); //正则表达式获取后缀
拓展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流