<input type="file&q…
2014-07-04 14:11
211 查看
我知道这样的拒绝访问是input=file的一个老毛病
解决思路是这样子的:
1、首先把input=file做成透明来隐藏
2、要明确一点:用其它按钮的click时间来触发input=file时间是不可能的,一定会拒绝访问
3、input=file必须被主动触发,而不是由Js函数来被动click
4、唯一的办法:点击你的submit按钮,而实际上点的是input=file的按钮
5、所以要用Js控制透明之后的input=file绝对位置
6、曾经的一个做法是,当鼠标进入submit按钮区域,就把input=file动态的移动到submit的位置,相当于有个透明层位于submit上方
7、此时点击submit首先影响的是把它给挡住的input=file,然后再发生自己的点击事件,这样就属于主动点击input=file的按钮
8、需要注意的是隐藏和坐标计算,包括焦点处理都得要妥善完成,你可以先用半透明调整好位置
因为微软出于安全方面的考虑,只有当鼠标真正单击在上传控件的按钮上浏览到的文件才可以上传(否则,只要你进入我的页面,我就可以随心所欲的得到你的私密文件)。
解决思路是这样子的:
1、首先把input=file做成透明来隐藏
2、要明确一点:用其它按钮的click时间来触发input=file时间是不可能的,一定会拒绝访问
3、input=file必须被主动触发,而不是由Js函数来被动click
4、唯一的办法:点击你的submit按钮,而实际上点的是input=file的按钮
5、所以要用Js控制透明之后的input=file绝对位置
6、曾经的一个做法是,当鼠标进入submit按钮区域,就把input=file动态的移动到submit的位置,相当于有个透明层位于submit上方
7、此时点击submit首先影响的是把它给挡住的input=file,然后再发生自己的点击事件,这样就属于主动点击input=file的按钮
8、需要注意的是隐藏和坐标计算,包括焦点处理都得要妥善完成,你可以先用半透明调整好位置
因为微软出于安全方面的考虑,只有当鼠标真正单击在上传控件的按钮上浏览到的文件才可以上传(否则,只要你进入我的页面,我就可以随心所欲的得到你的私密文件)。
相关文章推荐
- <input type="file">中怎设置按钮的样式
- 关于JSP中单击任意标签弹出文件选择框(<input type="file"/>)的实现方法
- <input type="file" />accept属性列表
- IE11下获取<input type="file">的文件名
- asp.net/c# 用<input type="file" />实现文件上传,multipart/form-data
- 上传图片即时显示<input type="file" />(兼容所有浏览器)
- <input type="file" />浏览时只显示指定文件类型
- IE11也不再支持document.createElement("<input type='file' name='upload'/>");
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- 关于<input type="file">样式的美化
- <input type="file" />浏览时只显示指定文件类型
- 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单, <input type="file" nam
- <input type="file"/> 文件上传
- 通过javascript获取<input type="file">的客户端真实路径
- 关于jsp中<input type="file">获取路径问文件名,获取完全路径问题
- <input type="file" name="filePath" />最简单的解决方法
- android支持html的<input type="file">标签
- <input type="file" />浏览时只显示指定文件类型
- 使用<input type="file">实现文件上传
- 任意美化你的文件域 <input type="file" />