用載波上載導軌圖像

Question

我成功地爲用戶模型創建了一個表單，我可以用載波上傳圖像。這很適合提交按鈕。

一切都很好，但我想改善與jquery文件上傳或類似的東西。所以我的想象力是我將點擊file_upload按鈕，然後選擇文件，然後它將預覽圖像的拇指。

我試圖關注railcast＃381，但是當我上傳圖片時，預覽會在刷新頁面後出現。使用js響應還是json更好？有沒有更好的方法來ajax圖片上傳？感謝您的建議

Answer 1

查看附件：然後使用下面的代碼。

點擊「上傳不同的文件」會觸發隱藏文件上傳器。

$('#page3-upload-bg-picture-link').click(function(){ 
    $("#page3-upload-bg-picture").trigger("click"); 
}); 

然後，如果你上傳文件時，它會調用change funcution。

$("#page3-upload-bg-picture").change(function(){ 
    page3BgImage(this); 
}); 

然後page3BgImage將被調用。在這裏，圖像從該位置讀取並顯示在我的圖像的「您上傳的圖像」div中。

function page3BgImage(input) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 

     reader.onload = function (e) { 
      $('#page3-preview-bg-image').attr('src', e.target.result); 
     } 

     reader.readAsDataURL(input.files[0]); 
    } 
}