input  中的type  file类型  在ie10及以上还算正常,在ie9中你就找不到他在哪了   

解决此类的问题就需要巧妙的运用的css   以及input 了  

 

input   type  file兼容性

需要两个input配合来写,一个input为普通的text文档  一个input为button类型的浏览   

然后将inputfile类型用定位定位在input  text类型  和button类型上然后 用opacity  =0   透明度为0将 file类型的input隐藏    

input   type  file兼容性

这样在text类型和button类型上点击任何地方都可以浏览电脑中的文件了     

 

这样还不算完,这样你上传了,input  text类型的input是空的,用户不知道他选中图片没有,这时候就需要获取图片的路径,然后赋值到text类型的input中去

input   type  file兼容性

获取本地图片的路径 并且赋值

input   type  file兼容性

 

 最终的效果如图

input   type  file兼容性

关注微信小程序  input   type  file兼容性

相关文章:

  • 2022-01-04
  • 2022-12-23
  • 2021-12-10
  • 2021-08-04
  • 2021-11-04
  • 2022-12-23
  • 2022-02-10
  • 2021-10-05
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-25
  • 2021-11-12
  • 2021-05-20
相关资源
相似解决方案