发布于 2016-12-04 20:48:17 | 38 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。



<form name="form5" id="form5" method="post" action="#">
<input type="file" name="file5" id="file5" onchange="preview5()"/>
</form>
<script type="text/javascript">
function preview5(){
var x = document.getElementById("file5");
 if(!x || !x.value) return;
var patn = /\.jpg$|\.jpeg$|\.gif$/i;
if(patn.test(x.value)){ 
var y = document.getElementById("img5");
if(y){
y.src = "file://localhost/" + x.value;
}else{
var img=document.createElement("img");      img.setAttribute("src","file://localhost/"+x.value);
img.setAttribute("width","120");
img.setAttribute("height","90");
img.setAttribute("id","img5");
document.getElementById("form5").appendChild(img);
 }
}else{
alert("您选择的似乎不是图像文件。");
}}
</script> 


相关阅读 :
用js实现预览待上传的本地图片
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
JS异步文件分片断点上传的实现思路
ajaxFileUpload.js插件支持多文件上传的方法
用js实现计算加载页面所用的时间
用js实现下载远程文件并保存在本地的脚本
用js实现终止浏览器对页面HTML的继续解析即停止解析 兼容firefox
用js实现上传图片前的预览(TX的面试题)
浏览器图片选择预览、旋转、批量上传的JS代码实现
用file标签实现多图文件上传预览
【JS+CSS3】实现带预览图幻灯片效果的示例代码
用js来获取上传的文件名纯粹是为了美化而用
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务