您的位置：首页 > Web前端 > JavaScript

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

2014-03-12 17:14 639 查看

2009-06-28 15:42:56 | 【大中小】
好图网图标搜索引擎，提供超过60万的免费图标、PNG图标、ICO图标、ICNS图标、网页图标

.gif .jpg .png

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

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

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

01	< SCRIPT LANGUAGE = "JavaScript" >

03	/*****************************************************

04	* Share JavaScript (http://www.ShareJS.com)

05	* 使用此脚本程序，请保留此声明

06	* 获取此脚本以及更多的JavaScript程序，请访问http://www.ShareJS.com

07	******************************************************/

09	<!-- Begin

10	extArray = new Array(".gif", ".jpg", ".png");

11	function LimitAttach(form, file) {

12	allowSubmit = false;

13	if (!file) return;

14	while (file.indexOf("\\") != -1)

15	file = file.slice(file.indexOf("\\") + 1);

16	ext = file.slice(file.indexOf(".")).toLowerCase();

17	for (var i = 0; i < extArray.length; i++) {

18	if (extArray[i] == ext) { allowSubmit = true; break; }

20	if (allowSubmit) form.submit();

else

22	alert("对不起，只能上传以下格式的文件: "

23	+ (extArray.join(" ")) + "\n请重新选择符合条件的文件"

24	+ "再上传.");

26	// End -->

27	</ script >

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

01	< script >

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

03	</ script >

06	< form method = post name = upform action = "http://www.sharejs.com" enctype = "multipart/form-data" >

07	< input type = file name = uploadfile >

09	< input type = button name = "Submit" value = "Submit" onclick = "LimitAttach(this.form, this.form.uploadfile.value)" >

</

form

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航