html输入框旁边放图片,input框选择图片时,将图片显示在下方

这篇博客介绍了一个用于修改Logo的代码实现,包括HTML表单设置、JavaScript读取和预览图片的功能。通过fileReader接口,实现了多张图片上传并实时预览,同时限制了上传数量,确保用户体验。
修改logo

#box img{

width: 100px;

height: 100px;

}

enctype="multipart/form-data">

![](1.jpg)

确认

function readImage(fileObj,box,max) {

// if(max&&fileObj.files.length>max){

// fileObj.value='';

// alert('文件数量超过上限,请重新选取')

// }

document.querySelector(box).innerHTML='';

var i=0;

var frObj = new FileReader();

frObj.onload = function() {

var img = document.createElement("img");

img.src = frObj.result;

document.querySelector(box).appendChild(img);

// if(i

// i++;

// frObj.readAsDataURL(fileObj.files[i]);

// }

}

frObj.readAsDataURL(fileObj.files[i]);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值