2013년 2월 14일 목요일

jQuery File Upload IE에서 오류 문제 (SyntaxError : Invalid Character)

jQuery File Upload를 테스트 하는 도중 문제가 생겼습니다.

Crome이나 Safari 계열의 브라우저에서는 문제없이 업로드가 잘 되는데 반해
IE나 Opera에서는 업로드 후 오류가 납니다.

새로고침 해보면 업로드는 되어 있습니다.

서버 폴더에 /test/jsupload 라는 폴더 아래에 Upload관련 file들을 넣었습니다.
/test/ 폴더에 테스트 페이지와 jsupload내에 있는 server 폴더를 복사해 넣어주었습니다.

/test/jsupload 폴더의 내용입니다.


IE에서 업로드를 하면 다음과 같은 오류가 납니다. (IE9)




어제 하루종일 고민을 하다 어제밤에 뭔가 생각나는게 있어서
오늘 해결하였습니다.




/test/jsupload/js/jquery.iframe-transport.js 파일의 87 라인 아래를 검사해 봤습니다.

alert(response[0].lastChild.document.body.innerHTML);






이런 결과가 나왔네요.



다시 문구를 바꿔 봤습니다.






페이지 주소는 http://aaa.yyy.com/test/cors/result.html?............................
이렇게 나옵니다.

그래서 /test/jsupload/cors 폴더를 복사해서 상위 dir에 넣어줬습니다.







이제 잘 작동하네요.

Opera에서는 JSON 파서 에러가 납니다.
흠... 이건 좀 더 연구해 봐야 할것 같아요.

브라우저에 따라 jQuery 가 작동하는것이 조금 다를수 있답니다.
여튼 가장 많이 쓰는 IE에서는 해결이 됐으니 일단, 실사용모드로 진행해 봐야 겠네요.

위의 페이지는 Naver SmartEditor와 같이 붙여놓은 것입니다.
jQuery Upload Plugin을 사용할때 크기지정은 CSS를 한번 더 설정해 주는 것으로 해결했습니다.



댓글 없음:

댓글 쓰기