android上的多个HTML文件上传控件
multiple html file upload controls on android
我有一个网页,需要在IE以及移动工作。在这个页面上我上传了4个文件。为了使页面看起来更现代,它会发送到iframe处理程序。我的问题是,在android上,它只上传第一个文件,而忽略了最后一个。我的代码在
下面try {
$('#BtnUpload').html('<i class="fa fa-spinner fa-spin" aria-hidden="true"></i> Uploading');
action_url = 'uploader.aspx';
var iframe = document.createElement("iframe");
iframe.setAttribute("id", "upload_iframe");
iframe.setAttribute("name", "upload_iframe");
iframe.setAttribute("width", "0");
iframe.setAttribute("height", "0");
iframe.setAttribute("border", "0");
iframe.setAttribute("style", "width: 0; height: 0; border: none;");
// Add to document...
form.parentNode.appendChild(iframe);
window.frames['upload_iframe'].name = "upload_iframe";
iframeId = document.getElementById("upload_iframe");
// Add event...
var eventHandler = function() {
if (iframeId.detachEvent) iframeId.detachEvent("onload", eventHandler);
else iframeId.removeEventListener("load", eventHandler, false);
// Message from server...
if (iframeId.contentDocument) {
content = iframeId.contentDocument.body.innerHTML;
} else if (iframeId.contentWindow) {
content = iframeId.contentWindow.document.body.innerHTML;
} else if (iframeId.document) {
content = iframeId.document.body.innerHTML;
}
var imagesUpdate = content.split(',');
for (var x in imagesUpdate) {
var keyval = imagesUpdate[x].split(':');
currentuploads[keyval[0]] = keyval[1];
//console.log(keyval[1]);
}
$('#BtnUpload').html('Upload documents');
hideShowImages();
// Del the iframe...
try {
setTimeout(function() {
//iframeId.parentNode.removeChild(document.getElementById(iframeId))
$("#upload_iframe").remove();
//document.getElementById("upload_iframe").removeChild(document.getElementById("upload_iframe"));
}, 250);
} catch (e) {}
}
if (iframeId.addEventListener) iframeId.addEventListener("load", eventHandler, true);
if (iframeId.attachEvent) iframeId.attachEvent("onload", eventHandler);
// Set properties of form...
form.setAttribute("target", "upload_iframe");
form.setAttribute("action", action_url);
form.setAttribute("method", "post");
form.setAttribute("enctype", "multipart/form-data");
form.setAttribute("encoding", "multipart/form-data");
// Submit the form...
form.submit();
} catch (e) {
var err = e.message;
var isIE10 = false;
/*@cc_on
if (/^10/.test(@_jscript_version)) {
isIE10 = true;
}
@*/
if (err.substring(0, 16) == 'Access is denied' && isIE10) {
$('#BtnUpload').click();
}
}
愚蠢的错误,最大文件上传和文件大小没有在web.config中设置。一切正常
相关文章:
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- 从IE中的不同元素调用时,文件输入控件未正确启动
- 如何使用ngModel将自定义控件的提供程序扩展器分离到Angular 2中的单独文件中
- 将具有控件布局的Xml文件渲染到HTML5页面中
- 将html控件id从aspx文件传递给javascript
- 清除/重置网格视图中的文件上载控件
- 在 Web 浏览器控件中加载本地文件
- 使用 AJAX 提交表单并提交阻止和发送文件控件 C# 的选定文件
- 使用 JavaScript 导出 XLS 文件,而不带 Active X 控件
- 从文件上载控件中删除特定文件
- 如何访问位于同一文件中 js 中的数据列表中的控件 ID
- 使用 JSON 和 JQUERY 解析远程文件并创建动态 SELECT 控件
- 从客户端上传文件,不使用文件上传控件
- 所有文件都不是使用 jquery 从文件上传控件获取的
- 如何阻止用户在 HTML 文件输入控件中手动编辑文件路径
- 如何将JS文件与模块、控件链接;dotnetnuke中的模板
- 在.js文件中获取.aspx控件ID
- 为什么控件没有从PHP文件返回到AJAX成功函数
- 如何在PHP中提交表单后,在新页面上显示使用HTML文件控件上传的图像
- 如何使用html输入类型文件控件中的javascript将多个文件逐一发布到服务器(由于服务器端的限制)