js 图片上传获取base64预览

js 图片上传获取base64预览

<script>
$("#banner_img_show").on('click', function(){
$("#banner_input_file").click();
});
$("#banner_input_file").on("change", headPortraitListener);

/*定义全局变量存贮图片信息*/
var base64head = "";

/*上传监听*/
function headPortraitListener(e) {
var img = document.getElementById('banner_img_show');
if (window.FileReader) {
var file = e.target.files[0];
var reader = new FileReader();
if (file && file.type.match('image.*')) {
reader.readAsDataURL(file);
} else {
img.css('display', 'none');
img.attr('src', '');
}
reader.onloadend = function (e) {
img.setAttribute('src', reader.result);
base64head = reader.result;
}
}
}
</script>

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据