js 将file的值填充到img的src属性

一、file文件类型格式

• name 文件的名称
• lastModified 文件的创建时间
• size 文件的大小
• type 文件的类型

二、img标签的属性

属性	必须	值	描述
alt	必须	text	规定图像的替代文本。
src	必须	URL	规定显示图像的 URL
align	非必须	top、bottom、middle、left、right	不推荐使用。规定如何根据周围的文本来排列图像。
border	非必须	pixels	不推荐使用。定义图像周围的边框
height	非必须	pixels or%	定义图像的高度。
hspace	非必须	pixels	不推荐使用。定义图像左侧和右侧的空白。
ismap	非必须	URL	将图像定义为服务器端图像映射。
longdesc	非必须	URL	指向包含长的图像描述文档的 URL。
usemap	非必须	URL	将图像定义为客户器端图像映射。
vspace	非必须	pixels	不推荐使用。定义图像顶部和底部的空白。
width	非必须	pixels or%	设置图像的宽度。

三、将file的值填充给img的src属性

假使已经获取到如file文件类型格式的数据，将其命名为blob

   	   const blob = event.target.files[0];
       var reader = new FileReader(); //创建文件读取对象
       reader.readAsDataURL(blob);
       //监听文件读取结束后事件
       reader.onloadend = function(e) { 
           `<img src=${e.target.result} ></img>`
       };

借鉴文章传送门