jquery实现图片上传前本地预览功能_jquery

html部分：

input:file事件是上传类型
较常用的属性值如下：
accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。
若要支持所有图片格式，则写 * 即可。
multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径

input:file的样式是不变的，所以若要改变它的样式，首先将它隐藏。display:none;

CSS部分：
因为做的是一个圆形的头像，所以对图片样式先进行定义。

 #pic{
      width:100px;
      height:100px;
      border-radius:50% ;
      margin:20px auto;
      cursor: pointer;
    }

jQuery部分：

运行结果如下：

以上就是本文的全部内容，希望对大家学习jquery程序有所帮助。