[英]Javascript form won't submit
我一直在使用http://www.hoppinger.com/blog/2010/05/28/file-upload-progress-bar-with-phpapc-and-javascript/提供的上載器,並將其應用於其中一個我的表單 ,並且進度表正常工作時,成功上傳后,提交功能不會觸發。
我正在使用的完整代碼如下:
JS
get_progress.php
uploader.php
據我所知,以我有限的經驗,這是處理提交的功能:
postUpload : function(o_data)
{
// Loop through every input and set json response in hidden input
this.a_inputs.each((function(o_input)
{
var s_name = o_input.get('name');
var s_value = '';
if(o_file = o_data.files[s_name])
{
s_value = JSON.encode(o_file);
}
var o_jsonInput = new Element('input',{'type': 'hidden','name':o_input.origName,'value':s_value}).replaces(o_input);
}).bind(this));
// Make form "original" again by purging elements and resetting attributes
this.revertSubmit();
this.o_form.submit();
},
我注意到提交是this.o_form.submit();
而不是this.form.submit();
然后檢查出來,他在類的頂部聲明了o_form : {}
,所以我認為他的語法是正確的,但我沒有真正的主意。
在實施此進度跟蹤器之前,該表格運行良好,因此這讓我很沮喪。
本質上出了什么問題,我只能假設這很簡單,就像丟失了一樣;
或類似的錯誤。
如果您在提交時收到404
,則表示該代碼有效。 我暫時取消屏蔽該頁面以進行故障排除。
可能相關,我的網站使用WordPress。
原來,javascript沒有將APC_UPLOAD_PROGRESS
標記添加到表單,因此在初始化之后添加了以下jQuery
:
<script type="text/javascript">
jQuery(document).ready(function(){
var id = jQuery("form").attr('id');
jQuery("form").submit(function(){
jQuery(this).append("<input type=\"hidden\" name=\"APC_UPLOAD_PROGRESS\" value=\""+id+"\" />");
});
});
</script>
現在一切都很好。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.