Mikel
最近在做模板时候发现，原来能用的swfupload上传视频的功能，现在不能用了？！但是视频文件上传完成后不能提交表单信息，总是提示：“Error submit form”
开始以为是代码调用的问题,去除了不必要的js代码，问题依然存在！swfupload上传的流程可以通过调用代码分析出来，代码如下：
……..
upload_progress_handler: uploadProgress, //上传进度显示处理函数uploadProgress
upload_error_handler: uploadError,//上传错误处理函数uploadError
upload_success_handler: uploadSuccess,//上传成功处理函数uploadSuccess
upload_complete_handler: uploadComplete,//上传完成处理函数uploadComplete 问题应该就出在这个函数中
………..
于是打开handler.js中查看uploadComplete的代码如下：
function uploadComplete(file) {
try {
if (this.customSettings.upload_successful) {
this.setButtonDisabled(true);
uploadDone(); //这个就是完成上传文件后的处理函数了
} else {
file.id = “singlefile”;
var progress = new FileProgress(file, this.customSettings.progress_target);
progress.setError();
progress.setStatus(“File rejected”);
progress.toggleCancel(false);
var txtFileName = document.getElementById(“txtFileName”);
txtFileName.value = “”;
//validateForm();
alert(“There was a problem with the upload.\nThe server did not accept it.”);
}
} catch (e) {
}
}
继续查看uploadDone()函数的代码，代码如下：
// Called by the queue complete handler to submit the form
function uploadDone() {
try {
document.forms[1].submit();//罪魁祸首在此
居然遍历取当前页面的forms的第二个进行提交，不管是不是要提交的表单都提交
没有找到时候就提示：Error submitting form
}
catch (ex) {
alert(“Error submitting form”);
}
}
问题找到了于是准备进行如下修改：
1.swfupload引用时的customSettings设置上传文件完成后要提交的form的Id：upload_form
2.修改uploadComplete中读取customSettings设置的upload_form,传递给uploadDone()函数
3.修改uploadDone函数加入参数id，用于传递要提交的表单的ID进行提交操作。
具体代码如下：
1.设置代码
custom_settings : {
progress_target : “fsUploadProgress”,
upload_successful : false,
upload_form:”Upload”
},
2.uploadComplete（）
if (this.customSettings.upload_successful) {
this.setButtonDisabled(true);
uploadDone(this.customSettings.upload_form);
} else {
3.uploadDone()
function uploadDone(id) {
try {
document.getElementById(id).submit();
}
catch (ex) {
alert(“Error submitting form”);
}
}
