Html jquery文件在rails中的上传

Html jquery文件在rails中的上传,html,css,ruby-on-rails,zurb-foundation,Html,Css,Ruby On Rails,Zurb Foundation,当我点击开始上传按钮时,它正在重定向到,但我看不到我的图像是否已上传。您可以查看 通过将其添加到gem文件gem“jqueryfileupload rails” 现在,在这个路径中,app/assets/application.jsadd/=requirejqueryfileupload这将添加所需的所有js文件 对于cssapp/assets/stylesheets/application.css添加 *= require jquery.fileupload *= require jquery

当我点击开始上传按钮时,它正在重定向到,但我看不到我的图像是否已上传。

您可以查看

通过将其添加到gem文件
gem“jqueryfileupload rails”

现在,在这个路径中,app/assets/application.jsadd
/=requirejqueryfileupload
这将添加所需的所有js文件

对于cssapp/assets/stylesheets/application.css添加

*= require jquery.fileupload
*= require jquery.fileupload-ui
您可以按照说明如何设置或观看

这是您的基本上传表单

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
</head>
<body>
<input id="fileupload" type="file" name="files[]" data-url="server/php/" multiple>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});
</script>
</body> 
</html>

jQuery文件上传示例
$(函数(){
$('#fileupload')。fileupload({
数据类型:“json”,
完成:功能(e,数据){
$.each(data.result.files,函数(索引,文件){
$('

').text(file.name).appendTo(document.body); }); } }); });


希望这能有所帮助。

在发布之前,你做过任何研究吗?我的意思是你编码了什么吗?做了些工作?我们在这里帮助你解决一个问题,你至少要付出一些努力。不是为你做所有的工作。如果你不知道如何编写代码,那就去学习或雇佣一些人。