Jak sprawdzić poprawność pola przesyłania plików za pomocą Javascript/jquery

Jak mogę sprawdzić, czy użytkownik wybrał plik do przesłania?Jak sprawdzić poprawność pola przesyłania plików za pomocą Javascript/jquery

Edit: wpadł

Źródło

2009-05-07 Click Upvote

http://www.angulartutorial.net/2016/05/file-upload-validation.html – Prashobh

Sprawdź to value nieruchomości:

w jQuery (ponieważ tag wspomina):

$('#fileInput').val()

albo w waniliowym javascript:

document.getElementById('myFileInput').value

Źródło

2009-05-07 08:01:32 Sietse

W Firefoksie przynajmniej inspektor DOM mówi mi, że elementy wejściowe pliku mają właściwość o nazwie files. Powinieneś być w stanie sprawdzić jego długość.

document.getElementById('myFileInput').files.length

Źródło

2009-05-07 05:33:38 nickf

Nie działa w chrome więc prawdopodobnie nie działa w IE albo –

To HTML5: http: // stackoverflow .com/questions/7684011/get-the-file-names-from-multiple-file-upload-field – ANeves

mam to od niektórych forum. Mam nadzieję, że ci się przyda.

<script type="text/javascript"> 
function validateFileExtension(fld) { 
    if(!/(\.bmp|\.gif|\.jpg|\.jpeg)$/i.test(fld.value)) { 
     alert("Invalid image file type.");  
     fld.form.reset(); 
     fld.focus();   
     return false; 
    } 
    return true; 
} </script> </head> 
<body> <form ...etc... onsubmit="return 
validateFileExtension(this.fileField)"> <p> <input type="file" 
name="fileField" onchange="return validateFileExtension(this)"> 
<input type="submit" value="Submit"> </p> </form> </body>

Źródło

2012-01-09 04:25:37 Chaitu

Witamy w SO. Jeśli otrzymasz kod z innego źródła, powinieneś go odpowiednio przypisać i/lub powiązać z nim, ponieważ może to stanowić naruszenie praw autorskich, a przynajmniej zasługujesz na uznanie, gdy jest to wymagane. – Scott

Moja funkcja sprawdzi, czy użytkownik wybrał plik, czy też nie, i możesz również sprawdzić, czy chcesz zezwolić na rozszerzenie pliku, czy nie.

Spróbuj tego:

 
<input type="file" name="fileUpload" onchange="validate_fileupload(this.value);"> 

function validate_fileupload(fileName) 
{ 
    var allowed_extensions = new Array("jpg","png","gif"); 
    var file_extension = fileName.split('.').pop().toLowerCase(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename. 

    for(var i = 0; i <= allowed_extensions.length; i++) 
    { 
     if(allowed_extensions[i]==file_extension) 
     { 
      return true; // valid file extension 
     } 
    } 

    return false; 
}

Źródło

2013-01-08 10:22:46

Pętla for powinna być KevInSol

Opierając się na rozwiązanie Ravinders ten kod zatrzymuje formularz składany. Warto sprawdzić rozszerzenie również po stronie serwera. Dzięki temu hakerzy nie ładują niczego, co chcą.

<script> 
var valid = false; 

function validate_fileupload(input_element) 
{ 
    var el = document.getElementById("feedback"); 
    var fileName = input_element.value; 
    var allowed_extensions = new Array("jpg","png","gif"); 
    var file_extension = fileName.split('.').pop(); 
    for(var i = 0; i < allowed_extensions.length; i++) 
    { 
     if(allowed_extensions[i]==file_extension) 
     { 
      valid = true; // valid file extension 
      el.innerHTML = ""; 
      return; 
     } 
    } 
    el.innerHTML="Invalid file"; 
    valid = false; 
} 

function valid_form() 
{ 
    return valid; 
} 
</script> 

<div id="feedback" style="color: red;"></div> 
<form method="post" action="/image" enctype="multipart/form-data"> 
    <input type="file" name="fileName" accept=".jpg,.png,.bmp" onchange="validate_fileupload(this);"/> 
    <input id="uploadsubmit" type="submit" value="UPLOAD IMAGE" onclick="return valid_form();"/> 
</form>

Źródło

2017-07-27 10:16:59

Jak sprawdzić poprawność pola przesyłania plików za pomocą Javascript/jquery

Odpowiedz

Powiązane problemy