> 웹 프론트엔드 > JS 튜토리얼 > 업로드된 이미지의 자바스크립트 미리보기에서 발견된 문제에 대한 해결 방법_이미지 특수 효과

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

WBOY
풀어 주다: 2016-05-16 18:15:21
원래의
1359명이 탐색했습니다.

먼저 렌더링을 살펴보겠습니다.
업로드된 이미지의 자바스크립트 미리보기에서 발견된 문제에 대한 해결 방법_이미지 특수 효과
이건 흔치 않은 기회이고 기술적 하이라이트도 있어서 즉시 기능 개발에 투자했습니다. 기능 개발의 이러한 측면에서 나는 여전히 몇 가지 좋은 점을 배웠습니다. 그 중 하나는 사용자가 업로드하기로 선택한 사진을 미리 보는 방법입니다. 온라인에서 몇 가지 정보를 찾았고 마침내 다음 방법을 채택했습니다.

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

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이 정상적으로 표시되네요.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿