ajaxupload.js上传文件失败后,无法再次选择
用ajaxupload.js做了一个上传图片的功能,上传后在服务器端会检查文件大小,如果超过1MB后则返回客户端并提示文件不能超过1MB,但是问题来了,提示过后,浏览文件的按钮点了不起反应了!就是说打不开浏览文件的对话框了,不知道有谁知道或碰到过这样的问题,可否解答一下!谢谢了
------解决方案--------------------粗粗看了一下源码,应该是和你定义的onComplete函数有关,具体要看你的代码
------解决方案--------------------原因应该是_createInput函数没有执行到,或者<input type="file"/>没有正确创建,所以点按钮没反映。具体在浏览器里跟踪调试一下,应该不难。
------解决方案--------------------
有没有这句:
this._rerouteClicks();
再看_rerouteClicks:
addEvent(self._button, 'mouseover', function(){
if (self._disabled){
return;
}
if ( ! self._input){
self._createInput();
}
var div = self._input.parentNode;
copyLayout(self._button, div);
div.style.visibility = 'visible';
});
也就是说当鼠标经过时,自动创建一个<input type="file"/>控件,见_createInput:
var input = document.createElement("input");
input.setAttribute('type', 'file');
input.setAttribute('name', this._settings.name);
if(this._settings.multiple) input.setAttribute('multiple', 'multiple');
下面几个addStyles用css隐藏了这个控件。
所以只要_createInput正确执行了,这个控件创建了,点击就能选文件。