html怎么写预览按钮,jquery实现按钮预览功能.html

Document

* {

margin: 0;

padding: 0;

text-align: center;

box-sizing: border-box;

}

img {

width: 300px;

height: 400px;

background: #ccc;

margin: 30px auto;

}

$("#up").change(function() {

var $file = $(this);

var fileObj = $file[0];

var windowURL = window.URL || window.webkitURL;

var dataURL;

var $img = $("#ImgPr");

if (fileObj && fileObj.files && fileObj.files[0]) {

dataURL = windowURL.createObjectURL(fileObj.files[0]);

$img.attr('src', dataURL);

} else {

dataURL = $file.val();

var imgObj = document.getElementById("ImgPr");

imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";

imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;

}

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史