Можно ли как-то ограничить кол-во файлов для выбора в type="file"?

Question

[secretsergey]

Имеется:

<input type="file" name="fileFF[]" multiple id="fileFF" class="w100">

Можно ли как-то ограничить кол-во файлов для выбора в type="file"?
Через .htaccess поставил php_value max_file_uploads 4, но при этом загружать можно хоть 10, но отправятся на почту лишь 4.

Answer 1

[iBird Rose]

jsfiddle.net/Curt/u4NuH
отсюда: stackoverflow.com/questions/10105411/how-to-limit-...

Comments

[secretsergey]

Не подскажете как совместить 2 эти скрипта, чтобы письмо не уходило, если не соблюдено условие 4 файлов?

<script>
	document.getElementById('formss1').addEventListener('submit', function(evt){
	  var http = new XMLHttpRequest(), f = this;
	  evt.preventDefault();
	  http.open("POST", "mail.php", true);
		location.href = "#123";
	  http.onerror = function() {
		alert('Извините, данные не были переданы');
	  }
	  http.send(new FormData(f));
	}, false);
	</script>

$(function(){
    $("button[type='submit']").click(function(){
        var $fileUpload = $("input[type='file']");
        if (parseInt($fileUpload.get(0).files.length)>2){
         alert("You can only upload a maximum of 2 files");
        }
    });    
});

Попробовал вставить в самое начало, но как и думал срабатывают оба скрипта.

[secretsergey]

iBird Rose: Проверяет, но не отсылает письмо.

[iBird Rose]

secretsergey: обновил. переменные посмотри. я не знаю откуда у тебя данные берутся

[iBird Rose]

secretsergey: ты отправляешь переменную f. я не знаю что у тебя в ней.

[secretsergey]

<form id="formss1" method="POST" action="javascript:void(0);" onSubmit="ajaxsend_formss('1');" enctype="multipart/form-data">
						<input type="text" name="name" placeholder="" required/>
						<input type="text" name="asd" placeholder="" required/>
						<input type="text" name="rty" placeholder="" required/>
						<input type="text" name="hfg" placeholder="" required/>
						<input type="text" name="nvb" placeholder="" required/>
						<input type="file" name="fileFF[]" multiple id="fileFF" class="w100">
						<button type="submit">Оставить заявку на сайте</button>
				</form>

Начальный JS

<script>
	document.getElementById('formss1').addEventListener('submit', function(evt){
	  var http = new XMLHttpRequest(), f = this;
	  evt.preventDefault();
	  http.open("POST", "mail2.php", true);
		location.href = "#callme1";
	  http.onerror = function() {
		alert('Извините, данные не были переданы');
	  }
	  http.send(new FormData(f));
	}, false);
	</script>

Надо засунуть:

$(function(){
    $("input[type='submit']").click(function(){
        var $fileUpload = $("input[type='file']");
        if (parseInt($fileUpload.get(0).files.length)>2){
         alert("You can only upload a maximum of 2 files");
        }
    });    
});

<?php
  $to = "[e-mail]";
  $subject = "Заявка онлайн";
  $from ="От ".$_SERVER['HTTP_HOST'];
  $message = .$_POST['name'] .$_POST['dsa'] .$_POST['dsad'] .$_POST['dasd'] .$_POST['dasd'];
  $boundary = md5(date('r', time()));
  $filesize = '';
  $headers = "MIME-Version: 1.0\r\n";
  $headers .= "From: " . $from . "\r\n";
  $headers .= "Reply-To: " . $from . "\r\n";
  $headers .= "Content-Type: multipart/mixed; boundary=\"$boundary\"\r\n";
  $message="
Content-Type: multipart/mixed; boundary=\"$boundary\"

--$boundary
Content-Type: text/plain; charset=\"utf-8\"
Content-Transfer-Encoding: 7bit

$message";
  for($i=0;$i<count($_FILES['fileFF']['name']);$i++) {
     if(is_uploaded_file($_FILES['fileFF']['tmp_name'][$i])) {
         $attachment = chunk_split(base64_encode(file_get_contents($_FILES['fileFF']['tmp_name'][$i])));
         $filename = $_FILES['fileFF']['name'][$i];
         $filetype = $_FILES['fileFF']['type'][$i];
         $filesize += $_FILES['fileFF']['size'][$i];
         $message.="

--$boundary
Content-Type: \"$filetype\"; name=\"$filename\"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename=\"$filename\"

$attachment";
     }
   }
   $message.="
--$boundary--";

    mail($to, $subject, $message, $headers);
?>

[iBird Rose]

secretsergey:

$(function(){
  $("#formss1").submit(function(evt){
      var $fileUpload = $("#fileFF");
      var http = new XMLHttpRequest();
      var f = $(this);
      if (parseInt($fileUpload.get(0).files.length) > 4) {
          alert("You can only upload a maximum of 4 files");
      } else {
          evt.preventDefault();
          http.open("POST", "mail.php", true);
          location.href = "#123";
          http.onerror = function() {
              alert('Извините, данные не были переданы');
          }
          http.send(new FormData(f));
      }
  });    
});

[iBird Rose]

secretsergey: ну или так:

document.getElementById('formss1').addEventListener('submit', function(evt){
    var http = new XMLHttpRequest(), f = this;
    var $fileUpload = document.getElementById("#fileFF");
    evt.preventDefault();
    if (parseInt($fileUpload.files.length) > 4) {
        alert("You can only upload a maximum of 4 files");
    } else {
        http.open("POST", "mail2.php", true);
        location.href = "#callme1";
        http.onerror = function() {
            alert('Извините, данные не были переданы');
        }
        http.send(new FormData(f));
    }
}, false);

[secretsergey]

iBird Rose: Проверка файлов отлично работает. Редирект тоже. Письма отправляются, но все поля не выводятся в письме, картинки тоже.
PS С первым скриптом. Второй не работает.

[secretsergey]

<script type="text/javascript">
	$(function(){
  $("#formss1").submit(function(evt){
      var $fileUpload = $("#fileFF");
      var http = new XMLHttpRequest(), f = this;
      if (parseInt($fileUpload.get(0).files.length) > 4) {
          alert("You can only upload a maximum of 4 files");
      } else {
          evt.preventDefault();
          http.open("POST", "mail2.php", true);
          location.href = "#callme1";
          http.onerror = function() {
              alert('Извините, данные не были переданы');
          }
          http.send(new FormData(f));
      }
  });    
});
</script>

Отлично работает:)

[secretsergey]

iBird Rose: Спасибо огромное:)