2012-07-18 3 views
0

내 PC에서 이미지 파일을 업로드 한 다음 dataurl로 읽습니다. 그런 다음 img 요소로 전달하여 미리 봅니다. 파이어 폭스에서 잘 작동합니다. 그러나 크롬과 IE에서는 파일 판독기에서 src를 가져 오지 않습니다. 여기 크롬 및 IE에서 파일 판독기가 작동하지 않습니다.

내가

var image = document.createElement("img"); 
    var thumbnail = document.getElementById("thumbnail"); 
    image.file = file; 
    thumbnail.appendChild(image); 

    function handlefilereader(evt){ 
    image.src = evt.target.result; 
    } 

    var reader = new FileReader() 
    reader.onload = handlefilereader; 
    reader.readAsDataURL(file); 

    image.id = count; 
    count++; 
    image.draggable = true; 
    image.ondragstart = dragIt; 
    alert(image.src); 

답변

2

을 FileReader 브라우저 버전에서 지원되지 않을 수 있습니다, 뭘하는지입니다. 이 호환성 차트를 참조하십시오.

http://caniuse.com/filereader

또한, event.target 완전히 브라우저 호환되지 않습니다. 고려하십시오

var target = evt.target || evt.srcElement; 
image.src = target.result; 
+0

여기에 크롬 버전 20.0.1132.47 m – MJQ

+0

가 포함되어 있습니다! – MJQ

+0

IE 용 srcElement를 사용해 보셨습니까? –

2

여기에 언급 된 사람들처럼 File API는 IE에서 지원되지 않습니다. 그러나 아무도 가능한 해결책을 언급하지 않았습니다. 여기 하나 ->FileReader + flash

그래서 FileAPI는 IE에서 계속 사용할 수 있습니다.

관련 문제