生活随笔
收集整理的這篇文章主要介紹了
input文件上传限制(类型，大小)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1、限制上傳文件類型解決辦法是可以給它添加一個accept屬性，比如：
<input id
="File1" type
="file" accept
=".xls,.doc,.txt,.pdf" />
2、但是選擇文件的時候還是可以選擇其他類型的，需要用代碼判斷
3、js判斷
<input type
="file" name
="contractFileName" style
="width: 500px;" οnchange
="fileChange(this);"/><script type
="text/javascript">var isIE
= /msie/i.test(navigator
.userAgent
) && !window
.opera
;function fileChange(target,id) {var fileSize
= 0;var filetypes
=[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"];var filepath
= target
.value
;var filemaxsize
= 1024*2;if(filepath
){var isnext
= false;var fileend
= filepath
.substring(filepath
.lastIndexOf("."));if(filetypes
&& filetypes
.length
>0){for(var i
=0; i
<filetypes
.length
;i
++){if(filetypes
[i
]==fileend
){isnext
= true;break;}}}if(!isnext
){alert("不接受此文件類型！");target
.value
="";return false;}}else{return false;}if (isIE
&& !target
.files
) {var filePath
= target
.value
;var fileSystem
= new ActiveXObject("Scripting.FileSystemObject");if(!fileSystem
.FileExists(filePath
)){alert("附件不存在，請重新輸入！");return false;}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;}if(size
<=0){alert("附件大小不能為0M！");target
.value
="";return false;}}
</script
>
總結(jié)
以上是生活随笔為你收集整理的input文件上传限制(类型，大小)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
