2013-04-13 2 views
0

나는 미치겠습니다. IE8 :(파일 선택이 나타나지 않습니다 (IE8 이외의 이미지는 필터링되지 않지만 또 다른 문제입니다). 그러나 업로드 스크립트가 실행되지 않는 이미지를 선택하면 아무 것도 업로드되지 않습니다.입력 유형 = "파일".submit() 작동하지 않음 IE8

$ ("body"). addClass ("loading");이 실행됩니다 (로딩 모달입니다). 그래서 image-upload.php가 실행되지 않을 때 어떤 생각이 들지 않습니다 ..

고마워 여러분 :)

자바 스크립트 :

var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'}); 
var fileInput = $('#file').wrap(wrapper); 

$('.chooseFile').click(function(){ 
fileInput.click(); 
}).show(); 

$(document).ready(function() { 
fileInput.change(function() 
    { 
    $("body").addClass("loading"); 
    //uploadImg.submit(); 
    $('#uploadImg').submit(); 
    this.blur(); 
    this.focus(); 
    }); 
}); 

HTML

<form name="uploadImg" id="uploadImg" action="image-upload.php" method="post" enctype="multipart/form-data" class="btnFile"> 
<div class="chooseFile">Choose File</div> 
<input type="file" id="file" name="file" value="Select File to Upload" accept="image/*"> 
</form> 
+0

내부 사용할 필요가? 'fileInput.change (function()') 함수도 실행됩니까? –

+0

파일 입력은 커스터마이징하기 쉽지만 얼마 전에이 고통을 겪었습니다 .IE에서는 레이블에서 대화 상자를 트리거해야합니다. 유일한 해결책입니다. 이 플러그인을 확인하십시오. 프로젝트에 붙여 넣기를하고'$ ('# file'). idealFile()을 호출하면됩니다. 그런 다음 CSS로 사용자 정의하십시오 .https : //github.com/elclanrs/jq -idealforms/blob/master/js/src/file.js – elclanrs

+0

예, fileInput.change (function()은로드 모달이 실행됨에 따라 실행됩니다.) 감사합니다. – user2277036

답변

1

당신은 어떻게 '작동하지 않습니다() 제출`말할 수

var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'}); 
var fileInput = $('#file').wrap(wrapper); 
$('.chooseFile').click(function(){ 
fileInput.click(); 
}).show(); 

$(document).ready(function() { 
+0

그냥 차이를 시도 :(비록 제안을 주셔서 감사합니다 :) – user2277036

관련 문제