업로드된 이미지의 자바스크립트 미리보기에서 발견된 문제에 대한 해결 방법_이미지 특수 효과

먼저 렌더링을 살펴보겠습니다.

이건 흔치 않은 기회이고 기술적 하이라이트도 있어서 즉시 기능 개발에 투자했습니다. 기능 개발의 이러한 측면에서 나는 여전히 몇 가지 좋은 점을 배웠습니다. 그 중 하나는 사용자가 업로드하기로 선택한 사진을 미리 보는 방법입니다. 온라인에서 몇 가지 정보를 찾았고 마침내 다음 방법을 채택했습니다.

코드 복사 코드는 다음과 같습니다.

function (obj) { //로고 업로드 추가 이벤트
var logoimg = null
if (document.all) {//IE인 경우
obj.select(); >logoimg = document .selection.createRange().text;
//필터 메소드를 사용하기 때문에 이미지는 보이지 않게 설정되어야 하며, 필터 효과는 이미지 외부의 DIV에 설정됩니다
$( ".setup_logo_left img").removeAttr("src");
$(".setup_logo_left img").css("display", "none")
var img = document.getElementById("preview_fake" );
img.filters.item(
'DXImageTransform.Microsoft.AlphaImageLoader').src = logoimg;
return;
}
logoimg = obj.files[0].getAsDataURL( );
$(".setup_logo_left img").attr("src", logoimg);
}

IE6, IE7, IE8, FOX에서는 효과가 매우 좋습니다. 아, 또 하나 있는데 특히 헷갈리던 360이 정상적으로 표시되네요.