• input type file兼容性


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

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

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

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

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

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

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

     最终的效果如图

    关注微信小程序  

    这些年,我们经历了多轮的淘汰赛,每轮淘汰赛都面临不同的对手,但每轮淘汰赛中我们都发展了.
  • 相关阅读:
    HTTP-接触
    什么是虚拟机-粗略学习
    jQuery中的动画理论干货
    jQuery-中的事件
    熟悉又陌生的快捷方式
    jQuery中的DOM操作
    jQuery与javascript库
    jQuery-选择器(2)
    jest操作 Elasticsearch
    配置 Kibana
  • 原文地址:https://www.cnblogs.com/future-zmq/p/8335785.html
Copyright © 2020-2023  润新知