Question

我创建了一个包含FCKEditor + File输入框的表单，我使用下面的jquery表单插件提供的ajaxSubmit（）方法提交表单。

http://jquery.malsup.com/form/

如果我不使用文件输入框，FCKEditor值正确提交，但如果我在表单中添加文件输入框，则不会存储FCKEditor的更新内容。它仅存储旧值。有什么建议？感谢。

Answer 1

我遇到了同样的问题，似乎是因为将处理程序附加到文件上载表单的javascript函数匹配页面$（'form'）中的所有表单，其中包含封装CKEditor的表单。

您可以通过在上传表单中添加ID字段并在附加事件处理程序时定位该特定ID来解决此问题，以便CKEditor不受影响。

e.g。

 <form action="upload.php" method="post" enctype="multipart/form-data" id="upload_image_form">
    <input type="file" name="myfile"><br>
    <input type="submit" value="Upload image to Server">
</form>
<div class="progress">
    <div class="bar"></div >
    <div class="percent">0%</div >
</div>
<div id="status"></div>
$(document).ready(function() {
var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');
$('form#upload_image_form').ajaxForm({
    beforeSend: function() {
    status.empty();
     var percentVal = '0%';
    bar.width(percentVal)
    percent.html(percentVal);
        },
    uploadProgress: function(event, position, total, percentComplete) {
    var percentVal = percentComplete + '%';
    bar.width(percentVal)
     percent.html(percentVal);
    },
    complete: function(xhr) {
        status.html(xhr.responseText);
        percent.html('100%');
        bar.width('100%')
    }
});
});

为什么jquery form plugin与fckeditor＆amp;上传文件？

1 个答案: