2012-04-17 39 views
1

我正在使用valums.com/ajax-upload插件。問題是,只要我選擇一個文件就開始上傳,我想通過點擊其他按鈕來啓動上傳,所以用戶可以根據需要更改值。通過其他一些按鈕啓動新的AjaxUpload

HTML:

<div id="upload" ><span>Upload File<span></div> 
<input type="button" name="submit" id="submit" value="Submit" /> 
<span id="status" ></span><ul id="files" ></ul> 

的jQuery:

$(function(){ 
    var btnUpload = $('#upload'); 
    var status = $('#status'); 
    new AjaxUpload(btnUpload, { 
     action: 'upload-file.php', 
     name: 'uploadfile', 
     autoSubmit: false, 
     onSubmit: function(file, ext){ 
      // if (! (ext && /^(pdf)$/.test(ext))){ 
      if (!(ext && /^(jpg|png|jpeg|gif|pdf)$/.test(ext))) { 
       // extension is not allowed 
       status.text('Only JPG, PNG or GIF files are allowed'); 
       return false; 
      } 

      upload.setData({'example_key': 'value'}); 
     }, 
     onComplete: function(file, response) { 
      //On completion clear the status 
      status.text(''); 

      //Add uploaded file to list 
      if (response === "success") { 
       $('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success'); 
      } 
      else { 
       $('<li></li>').appendTo('#files').text(file).addClass('error'); 
      } 
     } 
    }); 

    $("#submit").click(); ////dont know how to do it. 
}); 
+0

什麼是 'AjaxUpload插件'?不少可以從谷歌找到。我在猜測http://valums.com/ajax-upload/? – cosmorogers 2012-04-17 10:06:43

+0

是的,你是對的 – viveksaxena 2012-04-17 10:11:31

+0

你能告訴我你是如何驗證這個..我意味着sumbit它應該警報或顯示消息...請上傳文件.. – user3209031 2017-10-12 09:10:40

回答

3
uploader = new AjaxUpload(...); 
uploader.submit();