【发布时间】:2015-03-31 04:20:48
【问题描述】:
我有一个允许用户使用回形针 gem 上传文件的 rails 应用程序。我不想将图像直接上传到 s3;但是,想要一个通过 file_field 助手的传统上传器。如果我使用这种方法,在用户点击页面上的保存按钮并上传图像(以及其余数据)之前,如何让用户知道已选择上传图像?这是可以用 JQuery 完成的吗?
【问题讨论】:
标签: jquery ruby-on-rails ruby-on-rails-4 file-upload
我有一个允许用户使用回形针 gem 上传文件的 rails 应用程序。我不想将图像直接上传到 s3;但是,想要一个通过 file_field 助手的传统上传器。如果我使用这种方法,在用户点击页面上的保存按钮并上传图像(以及其余数据)之前,如何让用户知道已选择上传图像?这是可以用 JQuery 完成的吗?
【问题讨论】:
标签: jquery ruby-on-rails ruby-on-rails-4 file-upload
如果我没听错,您想在提交表单之前通知用户。检查下面的示例。如果未选择文件,它会阻止提交表单。如果选择了文件,表格将按常规方式提交。
$('#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>
【讨论】: