ajax上傳時參數提交不更新等相關問題

來源:互聯網
上載者:User

先前,我從網上下載了一個jQuery的Ajax上傳外掛程式,網頁的左側是上傳分類,想要實現的一個功能是如此這樣的:我本來是打算在服務端根據上傳分類建立不同的檔案夾來儲存檔案的,因此這個就需要傳一個上傳分類參數給後台。這些上傳分類是從資料庫讀出,用repeater產生的。當點擊其中一個分類時就給他設定一個樣式,並且將這個分類的名字儲存到一個變數uploadCatlog中。我可以取到分類並傳給後台,但是很奇怪的是只有第一次是正確的,以後的每次參數都不更新。其實在上傳外掛程式的onComplete回呼函數中也用到了uploadCatlog,它的值也已經更新了。我感覺好像這個上傳外掛程式只在第一次點擊的時候執行個體化並將參數傳給後台,所以以後值都是不變的,應該怎麼解決這個問題呢?下面是我的js代碼細節:
JavaScript code: 複製代碼 代碼如下:<script type="text/javascript">
$(function () {
var uploadCatlog;
//設定主版頁面導覽列的當前選中樣式
$("#menu .nav5").addClass("menu_active").siblings().removeClass("menu_active");
//產生類別菜單樣式和導覽功能表
$("#kllst li").click(function () {
$(this).addClass("currentli").siblings().removeClass();
uploadCatlog = $(this).text();
});
var btnUpload = $('#upload');
var status = $('#status');
btnUpload.click(function () {
if (uploadCatlog == undefined) {
status.text("必須先選擇上傳檔案的類別!").addClass('error');
return false;
}
new AjaxUpload(btnUpload, {
action: 'handler/doUpload.ashx',
name: 'uploadfile',
onSubmit: function (file, ext) {
if (!(ext && /^(doc|docx|xls)$/.test(ext))) {
status.text('只支援WORD,EXCEL格式上傳!').addClass('error');
return false;
}
status.text('正在上傳,請稍候...');
},
data: { "catlog": uploadCatlog },
onComplete: function (file, response) {
status.text('').removeClass('error');
if (response == "success") {
var fimgtype;
if (file.indexOf(".doc") != -1 || file.indexOf(".docx") != -1) {
fimgtype = "word";
}
if (file.indexOf(".xls") != -1) {
fimgtype = "excel";
}
$('<li></li>').appendTo('#files').html('<img src="images/' + fimgtype + '.png" alt="" /><br />[' + uploadCatlog + ']' + file).addClass('success');
} else {
$('<li></li>').appendTo('#files').text(file).addClass('error');
}
}
});
});
});
</script>

後來找到了一個解決方案,那就是:建立執行個體後就不會變了,可以在onSubmit回呼函數中調用SetData方法設定動態參數,如下的代碼及注釋詳情:
JavaScript code:
//可以使用這些方法來配置AJAX的上傳
var upload = new AjaxUpload(‘#div_id',{action: ‘upload.php'});
//例如當使用者選擇了一些東西,設定一些參數
upload.setData({ ”catlog”:
ajax的上傳參數提交,總是會因為各種各樣的錯誤而出現問題,但是如何來解決問題,怎樣使用最好的方法來解決問題,是個值得深究的難題,要想很好的解決編程過程中出現的問題,還是需要自己不斷的鑽研和學習!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.