Ajax不提交表单
ajax not submitting form
我正在做一个文件共享服务。然而,我遇到了一个问题。由于某些原因,文件被选中,但是AJAX没有读取这个选择,也没有自动上传文件。因此,此响应不会被处理回并插入到页面上的DIV中。
HTML + FORM
<div class="file-input-wrapper">
<form method="post" enctype="multipart/form-data" action="upload.xml">
<button class="btn-file-input" id="bt">Select a File to Share</button>
<input type="file" name="file" multiple />
</form>
<br/><br/>
<div id="response"></div>
</div>
JAVASCRIPT (function () {
var input = document.getElementById("file"),
formdata = false;
function showUploadedItem(source) {
document.getElementById("image-list").innerHTML = "<li><img src='" + source + "' /></li>";
}
if (window.FormData) {
formdata = new FormData();
document.getElementById("bt").style.display = "inline";
}
input.addEventListener("change", function (evt) {
document.getElementById("response").innerHTML = "<div class='uploading'></div>"
var i = 0,
len = this.files.length,
img, reader, file;
formdata = new FormData();
//for ( ; i < len; i++ ) {
file = this.files[i];
if (file.type.match(/file.*/)) {
if (window.FileReader) {
reader = new FileReader();
reader.onloadend = function (e) {
var source = e.target.result;
document.getElementById("image-list").innerHTML = "<li><img src='" + source + "' /></li>";
};
reader.readAsDataURL(file);
}
if (formdata) {
formdata.append("file[]", file);
}
}
//}
if (formdata) {
$.ajax({
url: "upload.xml",
type: "POST",
data: formdata,
processData: false,
contentType: false,
success: function (res) {
document.getElementById("response").innerHTML = res;
}
});
}
}, false);
})();
代码最初工作,然而,当我试图样式文件输入文件这是当地狱打破松散和事情打破,在这一点上,我不确定我做错了什么。
你也可以看一下这个网址的代码:cyogen.com
这是因为你的id是"bt"而不是"btn"。在这一行:
document.getElementById("btn").style.display = "none";
相关文章:
- HTML表单提交时未执行外部函数
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将图像上传ajax与表单提交ajax相结合
- Javascript无法处理表单提交
- 如何在我的情况下禁用表单提交
- 加载后的页面与ajax表单提交不起作用
- angularjs-控制器在表单提交时未调用
- 禁用带有字符白名单的表单提交
- 如何使用Google Analytics跟踪表单提交
- 使用javascript将表单提交到iframe目标中
- e.preventDefault在表单提交时被忽略
- AngularJS JQuery Ajax表单提交等效
- JavaScript表单提交帮助
- PHP表单提交和重定向
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- setTimeOut AFTER jQuery表单提交
- 从函数中选择要触发表单提交的正确元素
- JavaScript表单提交没有't fire asp服务器端点击功能的提交按钮
- 表单提交问题,如何在我的URL末尾获得ID的值
- Javascript使用Confirm取消表单提交