javascript - MVC 如何将此 javascript 从单个 getElementById 转换为类型 ="file"

Question

所以我有这个 JS 并且它工作得很好，但是是否可以将其从 getElementById 'studentPhoto' 更改为 input type="file"？

因为我有很多

<input type="file" id="studentPhoto">
<input type="file" id="studentPhoto">

基本上我想做的是下面的JS将在每个studentPhotoId中工作

  document.getElementById('studentPhoto').addEventListener('change', checkFile, false);

         function checkFile(e) {

             var file_list = e.target.files;

             for (var i = 0, file; file = file_list[i]; i++) {
                 var sFileName = file.name;
                 var sFileExtension = sFileName.split('.')[sFileName.split('.').length - 1].toLowerCase();
                 var iFileSize = file.size;
                 var iConvert = (file.size / 10485760).toFixed(2);

                 if (!(sFileExtension === "pdf" || sFileExtension === "doc" || sFileExtension === "docx") || iFileSize > 10485760) {
                     txt = "File type : " + sFileExtension + "\n\n";
                     txt += "Size: " + iConvert + " MB \n\n";
                     txt += "Please make sure your file is in pdf or doc format and less than 10 MB.\n\n";
                     alert(txt);
                 }
             }
         }

谢谢

Answer 1

您可以切换到 JQuery 选择器。下面的代码适用于我的一个具有 2 个文件输入的项目。

function checkFile(e) {

    var file_list = e;

    for (var i = 0; i <= file_list.length; i++) {
       //Do stuff here
    }
}

$("input[type='file']").change(function () {
    checkFile(document.getElementById($(this).attr("id")).files);
});

希望有帮助