JavaScript限制上传文件类型的代码

最新推荐文章于 2023-09-19 11:21:34 发布

努力的蜕变

最新推荐文章于 2023-09-19 11:21:34 发布

阅读量613

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript限制上传文件类型的代码

2009-06-28 15:42:56 | 【大中小】

好图网图标搜索引擎，提供超过60万的免费图标、PNG图标、ICO图标、ICNS图标、网页图标

.gif .jpg .png

本代码可以在客户端限制用户选择的上传文件类型

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

 
   01<SCRIPTLANGUAGE="JavaScript">
 
   02 
 
   03        /*****************************************************
 
   04         *  Share JavaScript (http://www.ShareJS.com)
 
   05         * 使用此脚本程序，请保留此声明
 
   06         * 获取此脚本以及更多的JavaScript程序，请访问http://www.ShareJS.com
 
   07         ******************************************************/
 
   08     
 
   09<!-- Begin
 
   10extArray = new Array(".gif", ".jpg", ".png");
 
   11function LimitAttach(form, file) {
 
   12allowSubmit = false;
 
   13if (!file) return;
 
   14while (file.indexOf("\\") != -1)
 
   15file = file.slice(file.indexOf("\\") + 1);
 
   16ext = file.slice(file.indexOf(".")).toLowerCase();
 
   17for (var i = 0; i < extArray.length; i++) {
 
   18if (extArray[i] == ext) { allowSubmit = true; break; }
 
   19}
 
   20if (allowSubmit) form.submit();
 
   21else
 
   22alert("对不起，只能上传以下格式的文件:  " 
 
   23+ (extArray.join("  ")) + "\n请重新选择符合条件的文件"
 
   24+ "再上传.");
 
   25}
 
   26//  End -->
 
   27</script>

第二步：把如下代码加入到<body>区域中

`01`	`<script>`

`02`	`document.write(extArray.join(" "));`

`03`	`</script>`

04 <p>

05

`06`	`<formmethod=postname=upformaction="http://www.sharejs.com"enctype="multipart/form-data">`

`07`	`<inputtype=filename=uploadfile>`

08 <p>

`09`	`<inputtype=buttonname="Submit"value="Submit"onclick="LimitAttach(this.form, this.form.uploadfile.value)">`

10 </form>

努力的蜕变

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript限制上传文件类型的代码

JavaScript限制上传文件类型的代码2009-06-28 15:42:56 | 【大中小】好图网图标搜索引擎，提供超过60万的免费图标、PNG图标、ICO图标、ICNS图标、网页图标.gif .jpg .png本代码可以在客户端限制用户选择的上传文件类型要完成此效果需要两个步骤第一步：把如下代码加入到区域中
复制链接

扫一扫