Javascript 在mozilla(windows)中两次触发输入类型文件
我的网站有一个奇怪的问题(使用backbone.js,但我觉得它与这个框架无关)。我使用的模板是一个名为Ace Admin的引导式增强管理主题 文件的HTML如下所示:Javascript 在mozilla(windows)中两次触发输入类型文件,javascript,jquery,html,file-upload,html-input,Javascript,Jquery,Html,File Upload,Html Input,我的网站有一个奇怪的问题(使用backbone.js,但我觉得它与这个框架无关)。我使用的模板是一个名为Ace Admin的引导式增强管理主题 文件的HTML如下所示: <input type="file" class="profileImage" name="profileImage" id="id-input-file-1" /> 仅在mozilla中,在windows机器中,当我单击输入时,文件选择屏幕显示两次。准确地说,当我单击输入时,本地驱动器窗口打开。我选择一个文件并
<input type="file" class="profileImage" name="profileImage" id="id-input-file-1" />
仅在mozilla中,在windows机器中,当我单击输入时,文件选择屏幕显示两次。准确地说,当我单击输入时,本地驱动器窗口打开。我选择一个文件并关闭它。我一关上它,另一扇窗户就打开了。实际上,如果我点击文件输入,我必须一个接一个地关闭两个窗口
所以我的问题是:
我做错了什么
我能以某种方式处理这件事吗?比如说我得到点击事件并注册状态,然后通过检查状态来处理第二个呼叫
有没有更明显的方法通过脚本来处理这个问题
我的输入文件:
弹出窗口:
漫长的一个月后,我找到了解决办法。有一个带有模板的min文件,其中有一个专门针对mozilla的代码,如下所示:
if (b.browser.mozilla) {
n.on("click", function () {
if (!k.disabled && !m.attr("readonly")) {
m.click()
}
})
}
当我删除这个,它不再触发文件上传两次。我猜这是用于旧版本的mozilla。有许多样式与单个文件按钮相关,原始文件类型被隐藏在视图之外。嘿,你知道如何在ace admin file字段中显示存储的图像吗?在编辑表单中,我想用remove linkHi@SatheeshNarayanan显示存储的图像:是的,你可以用remove link显示存储的图像。如果向输入字段/span添加一个类,则会出现删除链接部分。编辑部分的图像,你必须显示为一个小缩略图,你将需要一些自定义。在此之后,为remove图标添加一个类,然后单击其中的onclick
,只需清空img src
和
中的链接即可。希望你明白这个想法。谢谢你的帮助,我已经实现了这个,它工作得很好。谢谢again@RoyMJ:Hello Roy,您是如何指定路径的(用于上载图像的服务器端脚本)?
if (b.browser.mozilla) {
n.on("click", function () {
if (!k.disabled && !m.attr("readonly")) {
m.click()
}
})
}