讓別人知道文件被選爲上傳使用File_Field

Question

我有一個rails應用程序，允許用戶使用回形針寶石上傳文件。我不想直接將圖像上傳到s3;但是，需要一個正在通過file_field幫助器的傳統上傳器。如果我正在使用這種方法，我怎麼能讓用戶知道圖片已被選擇上傳，然後才能點擊頁面上的保存按鈕並上傳圖片（以及其他數據）？這是什麼可以做的W/JQuery？

Answer 1

如果我找到了你，你想在表單提交前通知用戶。檢查下面的例子。如果沒有選擇文件，它會阻止提交表單。如果選擇了文件，表格將以常規方式提交。

$('#upload_image').submit(function(event) { 
 
    var filename = $('#image').val(); 
 
    if (filename === undefined || filename === '') { 
 
     $('#notification').html('File is not selected!'); 
 
     event.preventDefault(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="upload_image" action="/images" method="POST"> 
 
    <p id="notification"></p> 
 
    <input type="file" id="image" /> 
 
    <input type="submit" value="Submit"> 
 
</form>