2015-03-17 4 views
-5

Когда я нажимаю кнопку начала загрузки, он перенаправляется на http://jquery-file-upload.appspot.com/, но я не видел, загружено ли мое изображение или нет.Загрузка файла jquery в рельсах

+0

Вы провели какое-либо исследование перед публикацией? – dowomenfart

+1

Я имел в виду, что вы все еще закодировали? Сделали какую-то работу? Мы здесь, чтобы помочь вам с проблемой, которую вы хотя бы приложили. Не делайте всю работу за вас. Если вы не знаете, как закодировать учебник [w3schools] (http://www.w3schools.com/) или нанять кого-то. – dowomenfart

ответ

1

вы можете посмотреть на jquery fileupload rails

Установите камень, добавив в ваш Gemfile gem "jquery-fileupload-rails"

сейчас в этом пути приложения/активы/application.js добавить //= require jquery-fileupload это добавит все JS файлы нужно

для CSS приложение/активов/стилей/application.css добавить

*= require jquery.fileupload 
*= require jquery.fileupload-ui 

вы можете следить за jQuery-File-Upload /wiki/ Basic-plugin о том, как установить или смотреть railscasts.com on jquery file upload

Это ваша основная форма загрузки

<!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> 

надеюсь, что это помогает.

Смежные вопросы