使用 File_Field 让某人知道文件已被选择上传

Question

我有一个 rails 应用程序，允许用户使用回形针 gem 上传文件。我不想将图像直接上传到 s3；但是，想要一个通过 file_field 助手的传统上传器。如果我使用这种方法，在用户点击页面上的保存按钮并上传图像（以及图像的其余数据）之前，我如何让用户知道已选择要上传的图像？这是可以用 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>

使用 File_Field 让某人知道文件已被选择上传

Let Someone Know File is Selected for Upload Using File_Field

jquery

file-upload

ruby-on-rails

ruby-on-rails-4