点击上传图片并显示文件名和图片及获取input file的值和路径

原本的input type='file' 样式真的很丑,毫无美感而言,一直想写一个点击图片就显示的界面,现在终于研究出来了。

原本的input type='file'样式:


改变后的样式:


样式代码:

    

前端代码:

  • 选择图片
  • 选择图片
  • 选择图片
  • 选择图片
  • 选择图片
  • 选择图片

显示图片的代码:

JS代码:

效果如下:

点击上传图片并显示文件名和图片及获取input file的值和路径_第1张图片

你可能感兴趣的:(前端)