Php 文件上载验证
我应该在循环中使用文件上传,就像Php 文件上载验证,php,javascript,html,file-upload,validation,Php,Javascript,Html,File Upload,Validation,我应该在循环中使用文件上传,就像 <form action="upload.php" method="post" enctype="multipart/form-data" name="form1" id="form1"onsubmit="return(validate());"> <?php for($i=0;$i<3;$i++)?> <?php {?> Select file: <input name="ufile[]" type="f
<form action="upload.php" method="post" enctype="multipart/form-data" name="form1" id="form1"onsubmit="return(validate());">
<?php for($i=0;$i<3;$i++)?>
<?php {?>
Select file:
<input name="ufile[]" type="file" id="file<?=$i;?>" size="50" />
<?php }?>
<input type="hidden" name="ivalue" value="3" id="someVar"/>
<input type="submit" name="Submit" value="Upload" />
</form>
选择文件:
函数验证()
{
var x=document.getElementById(“someVar”).value;
对于(i=0;i$(文档)
.点击(
函数(){
$(“#上传ID”)
.改变(
函数(){
var f=this.files[0];
var p=f.尺寸;
var fup=文档
.getElementById('uploadId');
var fileName=fup.value;
var ext=fileName
.substring(文件名)
.lastIndexOf('.')+1);
如果(ext==“GIF”| | ext==“GIF”
||ext==“jpg”
||ext==“JPG”
||ext==“jpeg”
||ext==“JPEG”
||ext==“bmp”
||ext==“BMP”
||ext==“png”
||ext==“PNG”){
如果((p)您是否尝试为文件动态生成id?例如:id=“file1”,id=“file2”?然后使用getElementById(“file”+i)循环Javascript?我已将在代码中编辑的for循环放入。但没有更改。我是否遗漏了一些内容?您必须使用。在验证第一个文件时,您的函数以“return true”结束。
<script type="text/javascript">
function validate()
{
var x=document.getElementById("someVar").value;
for(i=0;i<x;i++)
{
var filename=document.getElementById('file'+i).value;
var extension=filename.substr(filename.lastIndexOf('.')+1).toLowerCase();
if(filename)
{
if(extension=='png' || extension=='gif' || extension=='jpg' ||extension=='jpeg') {
return true;
} else {
alert('Allowed Extensions are "png","gif" and "jpg" !');
return false;
}
return true;
}
else
{
alert('Select upload files!');
return false;
}
}
}
</script>
<script type="text/javascript">
function validate()
{
var x=document.getElementById("someVar").value;
for(i=0;i<x;i++) {
var filename=document.getElementById('file'+i).value;
var extension=filename.substr(filename.lastIndexOf('.')+1).toLowerCase();
if (filename) {
if (extension=='png' || extension=='gif' || extension=='jpg' ||extension=='jpeg') {
} else {
alert('Allowed Extensions are "png","gif" and "jpg" !');
return false;
}
} else {
alert('Select upload files!');
return false;
}
}
return true;
}
</script>
$(document)
.click(
function() {
$("#uploadId")
.change(
function() {
var f = this.files[0];
var p = f.size;
var fup = document
.getElementById('uploadId');
var fileName = fup.value;
var ext = fileName
.substring(fileName
.lastIndexOf('.') + 1);
if (ext == "GIF" || ext == "gif"
|| ext == "jpg"
|| ext == "JPG"
|| ext == "jpeg"
|| ext == "JPEG"
|| ext == "bmp"
|| ext == "BMP"
|| ext == "png"
|| ext == "PNG") {
if ((p <= 2097152)) {
return true;
}
else {
alert("Please upload the image max.size of 2 MB");
$("#uploadId").val('');
$("#uploadId").attr(
'enabled',
'enabled');
}
} else {
alert("Please upload the images only");
$("#uploadId").val('');
$("#uploadId").attr('enabled',
'enabled');
}
});
});