上传图片

开发工具与关键技术： VS 、上传图片
作者： 木有窝的鸟~小通
撰写时间：2019年6月13日

什么是数据？数据其实也分为很多种，数据有数字、字符还有图片等等还有很多数据也存在我们的生活中，并且数字、字母和下划线连接而成的也是一种数据。数据在身边也无处不在，稍微留意身边事物也能发现数据。
而图片也是数据中的一种，上传图片呢，也普遍存在于我们的程序软件等等之中。
第一:上传图片其实先创建FileReader对象
Var 变量名 = new FileReader();
第二:通过正则表达式，过滤图片文件
RegexImageFilter=/^(?:image/bmp|image/cis\cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x-icon|image/x-portable-anymap|image/x-portable-bitmap|image/x-portable-graymap|image/x-portable-pixmap|image/x-rgb|image/x-xbitmap|image/x-xpixmap|image/x-xwindowdump)$/i;
第三:对file表单改变事件，将选择的图片显示到img元素

readAsDataURL()方法可以获取API异步读取的文件数据，另存为数据URL;
FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL。Data URL是一项特殊的技术，可以将资料(例如图片)内嵌在网页之中，不用放到外部文件。
1、 首先选择图片文件，获取到图片的文件
2、 写读取文件onload()事件，将该URL绑定到img标签的src属性上，就可以实现图片的上传预览效果了
3、 对上传的文件进行判断，判断相应的文件是否为图片文件
4、 将获取到的图片嵌套到网页之中
5、 在指定的位置调用写好的方法

如下面显示，就是已经上传到指定的位置上去了，而设置的图片容器其实是想怎么写就怎么写，可以按照自己的思路去完成。

点击图片的时候写双击事件，这样解决了一些不便的麻烦，总体来说更好的去解决了简单的。而上传的图片文件可以在一般的新增或者说修改中使用， 在其当中，无论是在哪里使用，都需要对指定的方法进行调用，避免乱写造成BUG。