input File文件上传

最新推荐文章于 2024-05-23 15:38:49 发布

weixin_30856965

最新推荐文章于 2024-05-23 15:38:49 发布

阅读量79

点赞数

原文链接：http://www.cnblogs.com/houzhao/p/5458853.html

版权

文件上传的类型控制选择：

accept属性列表：

　　　　1.accept="application/msexcel"
　　　　2.accept="application/msword"
　　　　3.accept="application/pdf"
　　　　4.accept="application/poscript"
　　　　5.accept="application/rtf"
　　　　6.accept="application/x-zip-compressed"
　　　　7.accept="audio/basic"
　　　　8.accept="audio/x-aiff"
　　　　9.accept="audio/x-mpeg"
　　　　10.accept="audio/x-pn/realaudio"
　　　　11.accept="audio/x-waw"
　　　　12.accept="image/gif"
　　　　13.accept="image/jpeg"
　　　　14.accept="image/tiff"
　　　　15.accept="image/x-ms-bmp"
　　　　16.accept="image/x-photo-cd"
　　　　17.accept="image/x-png"
　　　　18.accept="image/x-portablebitmap"
　　　　19.accept="image/x-portable-greymap"
　　　　20.accept="image/x-portable-pixmap"
　　　　21.accept="image/x-rgb"
　　　　22.accept="text/html"
　　　　23.accept="text/plain"
　　　　24.accept="video/quicktime"
　　　　25.accept="video/x-mpeg2"
　　　　26.accept="video/x-msvideo"

　　　　27.accept=".apk" //.apk为需要上传文件的后缀名，需要上传什么格式的文件，控制显示当前的文件后缀就好

　　　　28.accept="image/*" //选择所有的图片类型

限制图片上传大小控制示例

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript"> 
　　var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 
　　function fileChange(target) { 
　　　　　　　　var fileSize = 0; 
　　　　　　　　var filemaxsize = 1024*2;//2M 
　　　　　　　　if (isIE && !target.files) { 
　　　　　　　　　　　　　　var filePath = target.value; 
　　　　　　　　　　　　　　var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
　　　　　　　　　　　　　　var file = fileSystem.GetFile (filePath); 
　　　　　　　　　　　　　　fileSize = file.Size; 
　　　　　　　　} else { 
　　　　　　　　　　　　　　fileSize = target.files[0].size; 
　　　　　　　　}
　　　　　　　　var size = fileSize / 1024; 
　　　　　　　　if(size>filemaxsize){ 
　　　　　　　　　　　　　　alert("图片大小不能超过"+filemaxsize/1024+"M！"); 
　　　　　　　　　　　　　　target.value =""; 
　　　　　　　　　　　　　　return false; 
　　　　　　　　}else if(size<=0){ 
　　　　　　　　　　　　　　alert("图片大小不能为0M！"); 
　　　　　　　　　　　　　　target.value =""; 
　　　　　　　　　　　　　　return false; 
　　　　　　　　}else{
　　　　　　　　　　　　　　alert("上传成功！");
　　　　　　　　}
　　　　　　}
</script> 
</head> 
<body> 
　　　　　　<input type="file" onChange="fileChange(this);" accept="image/*"/> 
</body> 
</html>

转载于:https://www.cnblogs.com/houzhao/p/5458853.html

weixin_30856965

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input File文件上传

文件上传的类型控制选择：　　　　<input type="file" accept="application/msword" >accept属性列表：　　　　1.accept="application/msexcel"　　　　2.accept="application/msword"　　　　3.accept="application/pdf"　　　　4.accept="ap...
复制链接

扫一扫