上传图片

在Visual Studio中上传图片,确保引进的数据库中有picture,图片、视频占的体积比较大,如果直接放图片或者视频进数据库的话,数据库体积就会变得庞大导致索引速度下降。这样会严重影响到程序的运行性能。

上传图片

接下来进入正题,先在vs中把这个图片的容器写好,我给这个最外面的标签命名了一个标签。在这里面,有角色以及头像。border一个像素直径的灰色实线框,accept在这里的意思是指文件筛选,筛选的内容取决于你要上传的东西,这个东西它支持什么文件格式。onchange事件,默认没有选择文件时值为空,当选择了文件之后值发生了改变。
上传图片

选择了图片,就得需要写一个读取这个图片的东西。FileReader文件读取器的意思。
当选择图片之后,值发生了改变,调用loadImgToImg。调用的时候去读取它里面的文件,.get(0)就代表拿到gom对象.files(0)拿到它的第一个文件。然后使用文件读取器读取文件,并把文件转为URL(Base64编码)。

上传图片

最后在这个文件读取器onload事件里面获取出result(结果)把result设置给image标签的src。这样image就把选择的图片读取出来了。