jQuery取得FileUpload圖片大小－工作需要筆記

function getImgSize(input) {

if (input.files && input.files[0]) {
var reader = new FileReader();

reader.onload = function (e) {
$('#testImg').attr('src', e.target.result);
}

reader.readAsDataURL(input.files[0]);
}
}

$('#testImg').on('load',function(){
alert($(this).width()+'*'+$(this).height());
})

$("input").change(function(){
getImgSize(this);
});

-----http://jsfiddle.net/Mqvgx/----------------------------------------------------------------

function showimages(files) {

for (var i = 0, f; f = files[i]; i++) {

$('#filesSize').append(f.name + ' - ' + f.size + '<br />');

var reader = new FileReader();

reader.onload = function (evt) {

var img = '<img src="' + evt.target.result + '"/>';

$('#images').append(img);

}

reader.readAsDataURL(f);

}

$('#FileUpload1').change(function (evt) {

showimages(evt.target.files);

});

</script>

http://www.itorian.com/2014/01/display-images-and-its-name-size-before.html

amychang2014

工作需要筆記

amychang2014 發表在痞客邦留言(0) 人氣()

E-mail轉寄

工作需要筆記