html页面上传图片回显,html js 上传图片并回显

作者：weixin_40725706 | 2024-02-18 05:03:47

踩

html file 选择图片页面回显

html js 上传图片并回显

发布时间：2018-08-03 14:27,

浏览次数：808

, 标签：

html

function changImg(e){

for (var i = 0; i < e.target.files.length; i++) {

var file = e.target.files.item(i);

//验证是否为图片，不是就跳出循环

if (!(/^image\/.*$/i.test(file.type))) {

alert("不是图片！")

continue;

}

//实例化FileReader API

var freader = new FileReader();

freader.readAsDataURL(file);

freader.onload = function(e) {

$("#image").attr("src",e.target.result); //显示图片

}

使用方式:

οnchange="changImg(event)" >

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/104997