如何上传图片

开发工具与关键技术：VS jQuery
作者：黄海滨
撰写时间：2019年5月7日

在网上经常会看到图片，但是图片是怎么上传的呢

这个是个简单的例子，左边的框就是装图片的，具体怎么实现呢
、
这些就是它的代码，里面给了它双击事件，只要双击这个div就可以弹出选择图片

就是这个东西，打开它呢需要把input标签的type设置为file，就是上传文件的类型
那么接下来又要干嘛呢，接下来要选择到文件，然后判断文件是否为图片文件

可以看到，它是使用正则表达式来进行验证的，里面的全是一些图片的类型。具体流程是这样的，先把图片文件加载出来，再进行绑定，然后将图片显示到img元素，再选取选择到的图片，加载到image标签中，进行判断，使用上面的正则表达式进行验证，正确的话直接执行下面代码，将图片显示出来，验证错误的话，就给出判断里面的提示