Heim > Web-Frontend > js-Tutorial > JS-Skript bestimmt Methodenbeispiele für Größe und Dateityp auf dem Client

JS-Skript bestimmt Methodenbeispiele für Größe und Dateityp auf dem Client

小云云
Freigeben: 2018-03-12 16:08:47
Original
1344 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich Beispiele für JS-Skriptmethoden zur Bestimmung der Größe und des Dateityps auf der Clientseite vorgestellt. Verwenden Sie JS-Skripte, um die Größe und den Dateityp auf der Clientseite zu bestimmen! Kompatibel mit ie6, ie7, ie8, Google Chrome, ff und anderen Browsern, ich hoffe, es kann jedem helfen.

<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,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;//2M
if(filepath){
var isnext = false;
var fileend = filepath.substring(filepath.indexOf("."));
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>
</head>
<body>
<input type="file" name="contractFileName" style="width: 500px;" onchange="fileChange(this);"/>
</body>
</html>
Nach dem Login kopieren

Verwandte Empfehlungen:

JS-Methode zur Bestimmung der Dateitypgröße und zur Ausgabe von Eingabeaufforderungen

php ruft WSDL-Dateityp-Schnittstellencode auf Beispiel

Code zum Erkennen des Typs der hochgeladenen Datei und der Größe des hochgeladenen Bildes in PHP

Das obige ist der detaillierte Inhalt vonJS-Skript bestimmt Methodenbeispiele für Größe und Dateityp auf dem Client. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage