JS实现预览上传的图片

       也是这学期的WEB前端编程课,做答辩项目的时候用带的一个功能。之前是组内小伙伴写的,用了两个函数实现,但这两个函数的内容基本一致。按照编程的思维,应该把它改成可复用的,于是就有了修改后的版本。为了方便阅读,这里也写一下修改原理(注释里也有)。
       修改原理其实有点歪门邪道:DisplayPic(this)中的this是指input控件本身,于是我把img的id改成跟input的name相同,这样一来就可以通过获取input的name属性来得到img标签的id,也就可以修改对应img的属性。

效果预览

修改前



    
    JS display picture


图片1


图片2


修改后



    
    JS display picture


图片1


图片2


你可能感兴趣的:(JS实现预览上传的图片)