unable to read selected file details in IE 11

Question

var file = $(cssDocumentUploadFile)[0].files[0]; var extension = file.name.substring(file.name.lastIndexOf('.') + 1); error : ( Unable to get property '0' of undefined)

Nilesh Shah · Answer

you should have also posted the html snippet. what's cssDocumentUploadFile? is it an id? or css class? # is used with id dot(.) is used with class name. e.g. $(#lastname) for element id lastname $(.intro) for element with class intro you may need to change the following line depending on id or class: var file = $(cssDocumentUploadFile)[0].files[0];

p j · Answer

Note-: function AddApplicantDocument (questionId appId allowDelete maxFileSize classificationId isSensitive) { var cssDocumentName = .docName_ + questionId; var cssDocumentDescription = .docDescription_ + questionId; var cssDocumentClassification = .docddlClassification_ + questionId; var cssDocumentSensitive = .docSensitive_ + questionId; var cssDocumentViewByApplicant = .docViewByApplicant_ + questionId; var cssDocumentUploadFile = .docUploadfile_ + questionId; var getClassificationValue = $(cssDocumentClassification +  option:selected); if ($(cssDocumentName).val() ==  || $(cssDocumentName).val() == undefined) { alert(Please enter name); return false; } if (classificationId == -1) { if (getClassificationValue.val() == -1) { alert(Please select classification); return false; } else { classificationId = getClassificationValue.val(); } } var file = $(' docUploadfile_116108 ')[0].files[0]; if (file == undefined) { alert(Please select file to upload); return false; } else { if (file.size > maxFileSize * 1024 * 1024) { alert(File size is too large. Maximum file size permitted is  + maxFileSize + MB); return false; } } var extension = file.name.substring(file.name.lastIndexOf('.') + 1); var date = new Date(); var ticks = date.getTime(); var tempfilename = ticks + '.' + extension; var uploadDocumentExtensions = $('#ctl00_MainContent_hdnUploadDocumentExtensions').val().toLowerCase(); if (uploadDocumentExtensions.indexOf(extension.toLowerCase()) == -1) { alert(File type not allowed. Only  + uploadDocumentExtensions +  files allowed.); return false; } var fileData = new FormData(); fileData.append(tempfilename file); var Document = { App_Id: appId Question_Id: questionId Name: $(cssDocumentName).val() Description: $(cssDocumentDescription).val() Classification_Id: classificationId IsSensitive: $(cssDocumentSensitive).find('input:checkbox').attr('checked') ? true : false FilePath: tempfilename ContentType: file.type ContentLength: file.size AllowDelete: allowDelete.toLowerCase() IsAdminUpload: true IsViewApplicant: $(cssDocumentViewByApplicant).find('input:checkbox').attr('checked') ? true : false CreateBy: 'snehra' }; SaveDocument(Document questionId classificationId isSensitive); var response = $.ajax({ url: ../Services/UploadHandler.ashx type: POST contentType: false processData: false data: fileData success: function (data) { if (data == 1) { alert(Document uploaded successfully); } else { alert(Unable to upload document); return false; } } error: function (err) { alert(Document uploaded successfully.); } }); return true; } ' docUploadfile_116108 >' Note -: docUploadfile_116108= '. docUploadfile_116108 ' ' AddApplicantDocument ('116108'1105'True''10''-1''False''addApplicantDocument'); id=ctl00_MainContent_btnupload116108>'