IE浏览器怎么实现模拟点击file实现图片上传?网上有一种写法试了只是谷歌浏览器生效。

qq_36319665 2019-03-25 11:29:51
IE浏览器怎么实现模拟点击file实现图片上传?网上有一种写法试了只是谷歌浏览器生效。
...全文
404 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
丰云 2019-03-27
  • 打赏
  • 举报
回复
引用 4 楼 qq_36319665 的回复:
[quote=引用 2 楼 丰云 的回复:]file标签有一个特点,就是不能通过模拟点击,必须真实点击,才有效。 要实现效果也不难,就是在假的button上面覆盖透明的file标签,这样点击还是真实点击在file标签上,但看到的效果却是点击button上面
可是我需要的是一张图片用来模拟,而不是按钮,那个按钮样式要调整成图片那样子应该不行吧,图片还是比较大的,就是一个十字形状的图片添加图片的[/quote] 有区别吗?只是做个背景而已。。。。 file标签也是可以通过样式控制大小的
qq_36319665 2019-03-26
  • 打赏
  • 举报
回复
引用 2 楼 丰云 的回复:
file标签有一个特点,就是不能通过模拟点击,必须真实点击,才有效。 要实现效果也不难,就是在假的button上面覆盖透明的file标签,这样点击还是真实点击在file标签上,但看到的效果却是点击button上面
可是我需要的是一张图片用来模拟,而不是按钮,那个按钮样式要调整成图片那样子应该不行吧,图片还是比较大的,就是一个十字形状的图片添加图片的
qq_36319665 2019-03-25
  • 打赏
  • 举报
回复
就是,可以模拟去选择图片,但是上传的时候ajax那里就出问题了,获取不到文件上传的领域,然后方法就是返回的data就是一个false
槿畔 2019-03-25
  • 打赏
  • 举报
回复
模拟选择图片,你就把file类型的input设置透明opacity:0;就可以了嘛,定位到对应的位置,一般情况下都是这样干的
丰云 2019-03-25
  • 打赏
  • 举报
回复
file标签有一个特点,就是不能通过模拟点击,必须真实点击,才有效。 要实现效果也不难,就是在假的button上面覆盖透明的file标签,这样点击还是真实点击在file标签上,但看到的效果却是点击button上面

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧