2011-01-21 184 views
1

我想上傳一個文件,並顯示上傳文件的名稱以及「刪除」鏈接以刪除上傳的文件(以便上傳另一個文件)。 Here是我到目前爲止。一切工作正常,除了當我刪除上傳的文件,並嘗試通過點擊「選擇文件」按鈕上傳另一個,彈出相同的文件名。我怎麼能從內存中刪除文件名(我猜),所以按鈕就像新的一樣工作,也沒有文件被髮送時提交表單沒有文件名,但如果上傳的文件不被刪除,它應該是可以提交。非常感謝您的幫助。文件上傳和刪除

回答

2

刪除後添加$ this.val(''),以便將輸入值設置爲空。

SITE.fileInputs = function() { 
    var $this = $(this), 
     $val = $this.val(), 
     valArray = $val.split('\\'), 
     newVal = valArray[valArray.length - 1], 
     $button = $this.siblings('.button'), 
     $fakeFile = $this.siblings('.file-holder'); 
    if (newVal !== '') { 
     $button.text('File chosen'); 
     if ($fakeFile.length === 0) { 
      $('.place').html('<div><span class="file-holder">' + newVal + '</span><a href="#" class="delete_upload">Remove</a></div>'); 
      $this.val(''); 
     } else { 
      $fakeFile.text(newVal); 
     } 
    } 
}; 

檢查結果這裏:http://jsfiddle.net/kTNuB/3/

+0

感謝您的回答。這工作正常,如果我只想刪除該文件並上傳另一個。但是如果我想提交上傳的文件,它也會使文件的值爲空。任何想法如何? – DGT 2011-01-21 19:58:58