首先在preview这个放图片预览的div中生成一个id=imghead的div。

非IE部分，用HTML5直接可以读取用户选择的文件，通过图片的大小，之后直接可以将这张图片放到id=imghead这个div中。如果是IE，生成的id=imghead的div会被赋予在style标签设置好的滤镜，通过滤镜将用户选择的图片文件加载上去，再用函数求其大小，得到大小之后，清除preview中的所有内容，正式生成被赋予图片滤镜，其大小确定的div上去。

在文件域也用到accept="image/*"这个HTML5功能用来限制用户只能选择图片文件，但是，在提交表单的时候，还应该通过onSubmit判断，同时更应该在服务器后台判断，防止用户送些奇奇怪怪的东西到服务器。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》