Javascript 以引导形式上载文件
我正在尝试使用带引导的表单上载文件。我提到Bootstrap的原因通常是表单上传文件很好,但这次是Bootstrap。这可能是原因,也可能不是原因 我的HTML是:Javascript 以引导形式上载文件,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我正在尝试使用带引导的表单上载文件。我提到Bootstrap的原因通常是表单上传文件很好,但这次是Bootstrap。这可能是原因,也可能不是原因 我的HTML是: <!-- Edit Window --> <form action="" method="post" enctype="multipart/form-data" id="NewsEditorForm"> <div class="panel panel-info" style="position: abs
<!-- Edit Window -->
<form action="" method="post" enctype="multipart/form-data" id="NewsEditorForm">
<div class="panel panel-info" style="position: absolute; top:200px; left:20%; width: 600px; height: 600px; box-shadow: 0px 1px 4px Gainsboro; z-index: 11;" id="NewsEditor" hidden>
<div class="panel-heading">
<h3 class="panel-title"><a id="closeNewsEditor"><span class="glyphicon glyphicon-remove"></span></a> Edit News</h3>
</div>
<div class="panel-body">
<div class="input-group">
<span class="input-group-addon">Title</span>
<input type="text" class="form-control" name="Title" placeholder="">
</div>
<div class="input-group">
<span class="input-group-addon">Short Description</span>
<input type="text" class="form-control" name="Short_Description" placeholder="">
</div>
<div class="input-group">
<span class="input-group-addon">Story</span>
<input type="text" class="form-control" name="Story" placeholder="">
</div>
<div class="input-group">
<span class="input-group-addon">Picture</span>
<input type="file" class="form-control" name="Picture">
</div>
<div style="width: 100%; text-align: center; padding: 10px;">
<button class="btn btn-large btn-primary newcenter" type="submit">Submit</button>
</div>
</div>
</div>
</form>
它适用于所有情况,我在js处理程序中添加的
警报(数据)
告诉我它认为没有上传任何文件(它是打印($\u文件)
,返回空数组)。此外,点击提交按钮或通常出现在浏览器底部的任何“文件上载进度”后,不会出现延迟。序列化方法不适用于文件字段。如果希望通过AJAX提交文件,则需要采用不同的方法
从文档中:
文件选择元素中的数据未序列化
谢谢。我为这张照片做了一个特别的链接。
$("#NewsEditorForm").submit(function () {
$.post(prefix_file + 'admin/process/editNewsStory.php',$(this).serialize(),function(data) {
alert(data);
if(data == true){
} else {
}
});
$("#NewsEditor").fadeOut(700);
$(".callbackBackground").fadeOut(500);
$(".newsEditRow").css('background',orig_bg);
setTimeout(function () {window.location.href = 'updatenews.php';},700);
return false;
});