Let’s take a look at the renderings first:
This is a rare opportunity and I have some technical highlights, so I immediately invested in functional development. In this aspect of function development, I still learned some good things. One of them is how to preview the pictures that the user chooses to upload. I found some information online and finally adopted the following method:
function (obj) { //Logo upload add event
var logoimg = null;
if (document.all) {//If it is IE
obj.select();
logoimg = document .selection.createRange().text;
//Since the filter method is used, the image must be set to invisible, and the filter effect is set on the DIV outside the image
$(".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);
}
The effect is very good, in IE6, IE7, IE8, FOX, oh there is one more The 360 which is particularly confusing is displayed normally.