2014-05-01 101 views
0

我想用jquery.form插件上傳文件,但該操作不適用於基於輸入類型文件的更改功能。jquery表單插件不能使用更改功能

這是代碼:

HTML:

<form method='POST' id='upload_image' action='ajax-upload_unpublished_image' enctype='multipart/form-data'> 
    <input type='file' id='photo_post' name='posting_photo'> 
</form> 
<div id='#prev'></div> 

JS:

$(document).ready(function(){ 
     $('#photo_post').change(function(){ 
      alert('ganti'); 
      $('#upload_image').ajaxForm({ 
        beforeSend: function(){ 
        $('.uu').html('sending'); 
       }, 
        success: function(html){  
       $('#prev').html(html); 
      }, 
      error: function(data){ 
      console.log(data); 

      } 
      }); 
     }); 
}); 

我要的文件在每次輸入變化上傳,如Facebook上傳照片,爲什麼是ajaxForm函數不起作用,而如果我使用另一個按鈕通過單擊函數執行ajaxForm函數,則會上傳文件。

喜歡:

<button class='upload'>Upload</button> 

$('.upload').click(function(){ 
    //do ajaxForm function and it work 
}); 
+0

你的網站是什麼? – M98

+0

不,它仍然在本地主機 – user3586378

+0

我指的是什麼樣的網站? – M98

回答

0

我周圍挖,這似乎是替別人打工。

$('#photo_post').on('change', function(){ }); 
+0

仍然無法正常工作 – user3586378

+0

當我在小提琴手(http://jsfiddle.net/yQa62/)中測試它時,您的代碼工作正常。你使用的是什麼瀏覽器?您是否在頁面上收到任何javascript錯誤? –

+0

on()和live() – M98